Kendo UI (listView) - Добавить новый элемент в ul

Я использую Kendo UI ListView.Kendo UI (listView) - Добавить новый элемент в ul

Я хочу добавить новый <li> объект в существующий <ul> при нажатии + add ссылка. Но он должен открыть Кендо Popup с редактируемой TextField для «Item Text», и поле Выбрать для опциям пунктов с опциями, Option 01, Option 02.... и т.д ..

Пожалуйста, помогите, как я новичок в JQuery и кендо :(

Online Demo

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"/> 
 
    <title>Kendo UI Snippet</title> 
 

 
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.common.min.css"/> 
 
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.rtl.min.css"/> 
 
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.silver.min.css"/> 
 
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.mobile.all.min.css"/> 
 

 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
 
    <script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.all.min.js"></script> 
 
</head> 
 
<body> 
 
    
 
<a href="#" id="addNewItem">+ Add</a> 
 
    
 
<ul id ="listView"></ul> 
 
    
 
<script> 
 
var dataSource = new kendo.data.DataSource({ 
 
    data: [ { itemText: "Default item 1", itemOption: "Option 01" }, { itemText: "Default item 2", itemOption: "Option 02" }] 
 
}); 
 
$("#listView").kendoListView({ 
 
    dataSource: dataSource, 
 
    template: "<li>#:itemText# : #:itemOption#</li>", 
 
}); 
 
dataSource.read(); 
 
</script> 
 
</body> 
 
</html>

источник

2015-12-29 Reddy

Одним из решений может быть что-то вроде этого: Dojo example

источник

2015-12-29 11:35:55 Ademar

** @ Адемар ** ... Спасибо, это более чем достаточно ... ** Я принимаю ваш ответ и Upvoting **... Продолжайте хорошую работу... – Reddy

Kendo UI (listView) - Добавить новый элемент в ul

ответ

Смежные вопросы