Kendo ui 自定义弹出模板取消绑定错误的剑道UI网格
这是一个JSFIDLE（不是我的，但同样的错误）。Kendo ui 自定义弹出模板取消绑定错误的剑道UI网格,kendo-ui,Kendo Ui,这是一个JSFIDLE（不是我的，但同样的错误）。 $(document).ready(function() { $("#search").click(function() { // alert("clicked refresh"); $("#grid").data("kendoGrid").dataSource.read(); }
$(document).ready(function() {
$("#search").click(function() {
// alert("clicked refresh");
$("#grid").data("kendoGrid").dataSource.read();
});
$("#grid").kendoGrid({
dataSource: {
transport: {
read: {
url: "chaptersJson.cfm",
dataType: "json",
data: {q: function() { return $("#chapterName").val();}}
},
update: {
url: "chaptersJson.cfm?pageaction=Update",
dataType: "json"
}
},
schema: {
model: {
id: "chapterid",
fields: {
chapterid: { type:"number" },
chaptername: { type: "string" },
active: {type: "string"},
approved: {type: "string"},
chapterPrice: {type: "string"},
parentPrice: {type:"string"},
code: {type:"string"},
dateadded: {type:"date"},
state: {type:"string"}
}
}
},
pageSize: 25
},
height: 500,
filterable: false,
sortable: true,
pageable: true,
columns: [{field: "chaptername", title: "Chapter", width: 200},
{field: "state", title:"State", width: 100},
{field: "chapterPrice", title:"Chapter Price", width: 100},
{field: "parentPrice", title:"Parent Price", width: 100},
{field: "dateadded", title:"Added On", width: 100, template: '#= kendo.toString(dateadded,"MM/dd/yyyy") #'},
{command: ["edit"], title:" ", width:"210px"}
],
editable: {mode: "popup", template: $("#popup_editor").html()}
});
});
</script>
章名
陈述
代码
添加日期
活跃的
经核准的
章价
母价
$(document).ready(function() {
$("#search").click(function() {
// alert("clicked refresh");
$("#grid").data("kendoGrid").dataSource.read();
});
$("#grid").kendoGrid({
dataSource: {
transport: {
read: {
url: "chaptersJson.cfm",
dataType: "json",
data: {q: function() { return $("#chapterName").val();}}
},
update: {
url: "chaptersJson.cfm?pageaction=Update",
dataType: "json"
}
},
schema: {
model: {
id: "chapterid",
fields: {
chapterid: { type:"number" },
chaptername: { type: "string" },
active: {type: "string"},
approved: {type: "string"},
chapterPrice: {type: "string"},
parentPrice: {type:"string"},
code: {type:"string"},
dateadded: {type:"date"},
state: {type:"string"}
}
}
},
pageSize: 25
},
height: 500,
filterable: false,
sortable: true,
pageable: true,
columns: [{field: "chaptername", title: "Chapter", width: 200},
{field: "state", title:"State", width: 100},
{field: "chapterPrice", title:"Chapter Price", width: 100},
{field: "parentPrice", title:"Parent Price", width: 100},
{field: "dateadded", title:"Added On", width: 100, template: '#= kendo.toString(dateadded,"MM/dd/yyyy") #'},
{command: ["edit"], title:" ", width:"210px"}
],
editable: {mode: "popup", template: $("#popup_editor").html()}
});
});
</script>
$（文档）.ready（函数（）{
$（“#搜索”）。单击（函数（）{
//警报（“单击刷新”）；
$（“#网格”）.data（“kendoGrid”）.dataSource.read（）；
});
$（“#网格”）.kendoGrid({
数据源：{
运输：{
阅读：{
url:“chaptersJson.cfm”，
数据类型：“json”，
数据：{q:function（）{return$（“#chapterName”）.val（）；}
},
更新：{
url:“chaptersJson.cfm？pageaction=Update”，
数据类型：“json”
}
},
模式：{
型号：{
id:“chapterid”，
字段：{
章节ID:{type:“number”}，
chaptername:{type:“string”}，
活动：{type:“string”}，
已批准：{type:“string”}，
chaperpice:{type:“string”}，
父价格：{type:“string”}，
代码：{type:“string”}，
dateadded:{type:“date”}，
状态：{type:“string”}
}
}
},
页面大小：25
},
身高：500，
可过滤：false，
可排序：是的，
pageable:对，
列：[{字段：“chaptername”，标题：“Chapter”，宽度：200}，
{字段：“州”，标题：“州”，宽度：100}，
{字段：“Chaperpice”，标题：“章节价格”，宽度：100}，
{字段：“父价格”，标题：“父价格”，宽度：100}，
{字段：“dateadded”，标题：“Added On”，宽度：100，模板：'#=kendo.toString（dateadded，“MM/dd/yyyy”）#'，
{命令：[“编辑”]，标题：“”，宽度：“210px”}
],
可编辑：{mode:“popup”，模板：$（“#popup_编辑器”）.html（）}
});
});
$(document).ready(function() {
$("#search").click(function() {
// alert("clicked refresh");
$("#grid").data("kendoGrid").dataSource.read();
});
$("#grid").kendoGrid({
dataSource: {
transport: {
read: {
url: "chaptersJson.cfm",
dataType: "json",
data: {q: function() { return $("#chapterName").val();}}
},
update: {
url: "chaptersJson.cfm?pageaction=Update",
dataType: "json"
}
},
schema: {
model: {
id: "chapterid",
fields: {
chapterid: { type:"number" },
chaptername: { type: "string" },
active: {type: "string"},
approved: {type: "string"},
chapterPrice: {type: "string"},
parentPrice: {type:"string"},
code: {type:"string"},
dateadded: {type:"date"},
state: {type:"string"}
}
}
},
pageSize: 25
},
height: 500,
filterable: false,
sortable: true,
pageable: true,
columns: [{field: "chaptername", title: "Chapter", width: 200},
{field: "state", title:"State", width: 100},
{field: "chapterPrice", title:"Chapter Price", width: 100},
{field: "parentPrice", title:"Parent Price", width: 100},
{field: "dateadded", title:"Added On", width: 100, template: '#= kendo.toString(dateadded,"MM/dd/yyyy") #'},
{command: ["edit"], title:" ", width:"210px"}
],
editable: {mode: "popup", template: $("#popup_editor").html()}
});
});
</script>
$(document).ready(function() {
$("#search").click(function() {
// alert("clicked refresh");
$("#grid").data("kendoGrid").dataSource.read();
});
$("#grid").kendoGrid({
dataSource: {
transport: {
read: {
url: "chaptersJson.cfm",
dataType: "json",
data: {q: function() { return $("#chapterName").val();}}
},
update: {
url: "chaptersJson.cfm?pageaction=Update",
dataType: "json"
}
},
schema: {
model: {
id: "chapterid",
fields: {
chapterid: { type:"number" },
chaptername: { type: "string" },
active: {type: "string"},
approved: {type: "string"},
chapterPrice: {type: "string"},
parentPrice: {type:"string"},
code: {type:"string"},
dateadded: {type:"date"},
state: {type:"string"}
}
}
},
pageSize: 25
},
height: 500,
filterable: false,
sortable: true,
pageable: true,
columns: [{field: "chaptername", title: "Chapter", width: 200},
{field: "state", title:"State", width: 100},
{field: "chapterPrice", title:"Chapter Price", width: 100},
{field: "parentPrice", title:"Parent Price", width: 100},
{field: "dateadded", title:"Added On", width: 100, template: '#= kendo.toString(dateadded,"MM/dd/yyyy") #'},
{command: ["edit"], title:" ", width:"210px"}
],
editable: {mode: "popup", template: $("#popup_editor").html()}
});
});
</script>
我基本上是用KendoUI创建一个常规的网格，但是我想要一个自定义的弹出编辑器来显示网格当前显示的更多字段 更新版本，错误应该消失（因为它已修复）
$(document).ready(function() {
$("#search").click(function() {
// alert("clicked refresh");
$("#grid").data("kendoGrid").dataSource.read();
});
$("#grid").kendoGrid({
dataSource: {
transport: {
read: {
url: "chaptersJson.cfm",
dataType: "json",
data: {q: function() { return $("#chapterName").val();}}
},
update: {
url: "chaptersJson.cfm?pageaction=Update",
dataType: "json"
}
},
schema: {
model: {
id: "chapterid",
fields: {
chapterid: { type:"number" },
chaptername: { type: "string" },
active: {type: "string"},
approved: {type: "string"},
chapterPrice: {type: "string"},
parentPrice: {type:"string"},
code: {type:"string"},
dateadded: {type:"date"},
state: {type:"string"}
}
}
},
pageSize: 25
},
height: 500,
filterable: false,
sortable: true,
pageable: true,
columns: [{field: "chaptername", title: "Chapter", width: 200},
{field: "state", title:"State", width: 100},
{field: "chapterPrice", title:"Chapter Price", width: 100},
{field: "parentPrice", title:"Parent Price", width: 100},
{field: "dateadded", title:"Added On", width: 100, template: '#= kendo.toString(dateadded,"MM/dd/yyyy") #'},
{command: ["edit"], title:" ", width:"210px"}
],
editable: {mode: "popup", template: $("#popup_editor").html()}
});
});
</script>
$(document).ready(function() {
$("#search").click(function() {
// alert("clicked refresh");
$("#grid").data("kendoGrid").dataSource.read();
});
$("#grid").kendoGrid({
dataSource: {
transport: {
read: {
url: "chaptersJson.cfm",
dataType: "json",
data: {q: function() { return $("#chapterName").val();}}
},
update: {
url: "chaptersJson.cfm?pageaction=Update",
dataType: "json"
}
},
schema: {
model: {
id: "chapterid",
fields: {
chapterid: { type:"number" },
chaptername: { type: "string" },
active: {type: "string"},
approved: {type: "string"},
chapterPrice: {type: "string"},
parentPrice: {type:"string"},
code: {type:"string"},
dateadded: {type:"date"},
state: {type:"string"}
}
}
},
pageSize: 25
},
height: 500,
filterable: false,
sortable: true,
pageable: true,
columns: [{field: "chaptername", title: "Chapter", width: 200},
{field: "state", title:"State", width: 100},
{field: "chapterPrice", title:"Chapter Price", width: 100},
{field: "parentPrice", title:"Parent Price", width: 100},
{field: "dateadded", title:"Added On", width: 100, template: '#= kendo.toString(dateadded,"MM/dd/yyyy") #'},
{command: ["edit"], title:" ", width:"210px"}
],
editable: {mode: "popup", template: $("#popup_editor").html()}
});
});
</script>
$(document).ready(function() {
$("#search").click(function() {
// alert("clicked refresh");
$("#grid").data("kendoGrid").dataSource.read();
});
$("#grid").kendoGrid({
dataSource: {
transport: {
read: {
url: "chaptersJson.cfm",
dataType: "json",
data: {q: function() { return $("#chapterName").val();}}
},
update: {
url: "chaptersJson.cfm?pageaction=Update",
dataType: "json"
}
},
schema: {
model: {
id: "chapterid",
fields: {
chapterid: { type:"number" },
chaptername: { type: "string" },
active: {type: "string"},
approved: {type: "string"},
chapterPrice: {type: "string"},
parentPrice: {type:"string"},
code: {type:"string"},
dateadded: {type:"date"},
state: {type:"string"}
}
}
},
pageSize: 25
},
height: 500,
filterable: false,
sortable: true,
pageable: true,
columns: [{field: "chaptername", title: "Chapter", width: 200},
{field: "state", title:"State", width: 100},
{field: "chapterPrice", title:"Chapter Price", width: 100},
{field: "parentPrice", title:"Parent Price", width: 100},
{field: "dateadded", title:"Added On", width: 100, template: '#= kendo.toString(dateadded,"MM/dd/yyyy") #'},
{command: ["edit"], title:" ", width:"210px"}
],
editable: {mode: "popup", template: $("#popup_editor").html()}
});
});
</script>