Javascript 如何使用网格配置剑道UI组合框。
我有一个问题，配置剑道用户界面与组合框与自定义值。我看到了这个问题，但我们无法配置整个 请看代码Javascript 如何使用网格配置剑道UI组合框。,javascript,jquery,kendo-ui,Javascript,Jquery,Kendo Ui,我有一个问题，配置剑道用户界面与组合框与自定义值。我看到了这个问题，但我们无法配置整个 请看代码 <!DOCTYPE html> <html> <head> <title></title> <script src="js/jquery.min.js"></script> <script src="js/kendo.all.js"></script> <link href="css/k
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="js/jquery.min.js"></script>
<script src="js/kendo.all.js"></script>
<link href="css/kendo.common.css" rel="stylesheet" />
<link href="css/kendo.default.css" rel="stylesheet" />
</head>
<body>
<div id="example" class="k-content">
<div id="grid"></div>
<script>
$(document).ready(function (){
// var crudServiceBaseUrl = "http://localhost/kendo-prac/",
dataSource = new kendo.data.DataSource({
transport: {
read:{
url: "http://localhost/kendo-prac/data/employees.php",
dataType: "jsonp"
},
update: {
url: "http://localhost/kendo-prac/data/update.php",
dataType: "jsonp"
},
destroy: {
url:"http://localhost/kendo-prac/data/delete.php",
dataType: "jsonp"
},
parameterMap: function(options, operation) {
if (operation !== "read" && options.models) {
return {models: kendo.stringify(options.models)};
}
}
},
batch: true,
pageSize: 10,
schema: {
model: {
id: "ID",
fields: {
Name: { editable: false, nullable: false },
Title: { editable: true, nullable: false },
URL: { editable: true, nullable: false },
FTP: { editable: true, nullable: false },
// date: { editable: false, nullable: false },
Status: { type: "string", editable:false},
Remarks: { editable: false, nullable: false }
}
}
}
});
// template: ('<select id="combobox" name="Status"/><option value="#=Status#">#=Status#</option><option value="Added">Added</option><option value="Rejected">Rejected</option></select>')
$("#grid").kendoGrid({
dataSource: dataSource,
navigatable: true,
pageable: true,
height: 650,
scrollable: true,
sortable: true,
toolbar: ["save", "cancel"],
columns: [
{ field: "Name", width: "60px" },
{ field: "URL", width: "350px" },
{ field: "Title", width: "150px" },
{ field: "FTP", width: "150px" },
// { field: "Date", width: "150px" },
// { field: "Status", width: "100px" },
{field: "Status", width:"150px", template: ('<select id="combobox" name="Status"/><option value="#=Status#">#=Status#</option><option value="Added">Added</option><option value="Rejected">Rejected</option></select>')},
// { field: "Action", width: "100px" },
// { field: "Code", width: "100px" },
{ field: "Remarks", width: "50px",template:('<a href="http://www.seoranksmart.com?eid=#=ID#" target="_blank">#=Remarks#</a>')},
{ command: "destroy", title: "Delete", width: "100px" }],
editable: true
});
$("#com").kendoComboBox({
dataTextField: "text",
dataValueField: "value",
dataSource: [
{ text: "Cotton", value: "1" },
{ text: "Polyester", value: "2" },
{ text: "Cotton/Polyester", value: "3" },
{ text: "Rib Knit", value: "4" }
],
filter: "contains",
suggest: true,
index: 3
});
});
</script>
</div>
</body>
</html>
$（文档）.ready（函数（）{
//var crudServiceBaseUrl=”http://localhost/kendo-prac/",
dataSource=新建kendo.data.dataSource({
运输：{
阅读：{
url:“http://localhost/kendo-prac/data/employees.php",
数据类型：“jsonp”
},
更新：{
url:“http://localhost/kendo-prac/data/update.php",
数据类型：“jsonp”
},
销毁：{
url:“http://localhost/kendo-prac/data/delete.php",
数据类型：“jsonp”
},
parameterMap：功能（选项、操作）{
if（操作！=“读取”&&options.models）{
返回{models:kendo.stringify（options.models）}；
}
}
},
批次：对，
页面大小：10，
模式：{
型号：{
id:“id”，
字段：{
名称：{可编辑：false，可空：false}，
标题：{可编辑：true，可空：false}，
URL:{可编辑：true，可空：false}，
FTP:{可编辑：真，可空：假}，
//日期：{可编辑：false，可空：false}，
状态：{type:“string”，可编辑：false}，
备注：{可编辑：false，可空：false}
}
}
}
});
//模板：（“#=状态#添加对象”）
$（“#网格”）.kendoGrid({
数据源：数据源，
可导航：是的，
pageable:对，
身高：650，
可滚动：对，
可排序：是的，
工具栏：[“保存”、“取消”]，
列：[
{字段：“名称”，宽度：“60px”}，
{字段：“URL”，宽度：“350px”}，
{字段：“标题”，宽度：“150px”}，
{字段：“FTP”，宽度：“150px”}，
//{字段：“日期”，宽度：“150px”}，
//{字段：“状态”，宽度：“100px”}，
{字段：“状态”，宽度：“150px”，模板：（“#=状态#添加对象”），
//{字段：“动作”，宽度：“100px”}，
//{字段：“代码”，宽度：“100px”}，
{字段：“备注”，宽度：“50px”，模板：（''）}，
{命令：“销毁”，标题：“删除”，宽度：“100px”}，
可编辑：真
});
$（“#com”）.kendoComboBox({
dataTextField:“文本”，
dataValueField:“值”，
数据源：[
{文本：“棉花”，值：“1”}，
{文本：“聚酯”，值：“2”}，
{文本：“棉/涤纶”，值：“3”}，
{文本：“罗纹针织”，值：“4”}
],
过滤器：“包含”，
建议：是的，
索引：3
});
});