Javascript 剑道网格：如何创建在添加新行而不是编辑时执行一些TAK

在我的KendoGrid中，我想在弹出表单中为输入字段添加默认值。

我已经创建了一个函数，我打算在单击Create按钮时调用它，但是下面的函数不起作用。我搜索了很多，但找不到任何帮助，所以如果有人能告诉我问题出在哪里就好了

 function add_m(e) {
    debugger;
    $("#DeviceIP").val("123");
}
$("#turbingrid").kendoGrid({
     //   debugger;

     dataSource: dataSource,
     scrollable: false,
     //toolbar: ["create"],
     toolbar: [
                  {name: "create",text: "add new turbine"}
              ],
     columns: [
                  { field: 'DeviceIP', title: 'DeviceIP', width: '100px', id: 'DeviceIP' },
                  { field: 'Producer', title: 'Producer', width: '80px', id:'Producer'},//editor: ProductNameDropDownEditor,
                  { field: 'Model', title: 'Model', width: '220px',id:'Model' },
                  { field: 'DeviceType', title: 'DeviceType', width: '100px', editor: deviceTypesList },
                  { field: 'Description', title: 'Description', width: '220px' },
                  { field: 'Username', title: 'Username', width: '120px' },
                  { field: 'Password', title: 'Password', width: '100px' },
                  { field: 'PublicIP', title: 'PublicIP', width: '120px' },
                  { field: 'TurbineId', title: 'TurbineId', width: '120px', hidden: true },
                  { field: 'device_id', title: 'device_id', width: '120px', hidden: true },
                  { field: 'ModelProducer', title: 'Producer/Model', hidden: true, editor: modelProducer },
                  {command: ["edit"], title: " "}
             ],
        //{
        //    command: [
        //                 {
        //                     name: "Edit",
        //                     click: function (e) {
        //                             temp = $(e.target).closest("tr"); //get the row
        //                     }
        //                 }
        //             ]
        //}


     editable: "popup",
     create:add_m,

---

要动态分配val或属性，请使用

:

或

:

---

要动态分配val或属性，请使用

:

或

:

---

您可以使用

beforedit

事件，而不是

create

。单击工具栏中的

create

按钮时，它将触发。

您可以使用

beforedit

事件，而不是

create

。当单击工具栏中的“创建”按钮时，它将触发。

以下是工作模式

下面是将

DeviceIP

的默认值粘贴到

addrow event

上的代码片段

$("#turbingrid").kendoGrid({
....
.........
//ON CLICK ADD/EDIT BUTTON FOR PRODUCT ITEM
        edit: function(e) {

            // CHANGE ADD/EDIT PRODUCTITEM POPUP FORM TITLE
            if (e.model.isNew()) //ON ADD NEW
            {
                $(".k-window-title").text("Add New Turbine");
                // HERE e.container IS THE ADD/EDIT POPUP FORM ELEMENT
                e.container
                    .find("[name=DeviceIP]") // get the span element for the field
                    .val("123") // set the value
                .change(); // trigger change in order to notify the model binding

            } 
            else // ON EDIT
            {
                $(".k-window-title").text("Edit Turbine");
            }
        }
........
....
});

下面是演示小提琴的完整代码

(function () {



      var dataSource = new kendo.data.DataSource({
            data: {
                id: 1,
                DeviceIP: "192.168.1.1",
                Producer: 'Producer',
                Model: 'Model',
                DeviceType: 'DeviceType',
                Description: 'Description',
                Username: 'Username',
                Password: 'Password',
                PublicIP: '216.168.123.156',
                TurbineId: 1,
                device_id: 2,
                ModelProducer: 'ModelProducer',
            },
            schema: {
                model: {
                    id: 'id',
                    fields: {
                        DeviceIP: {},
                        Producer: {},
                        Model: {},
                        DeviceType: {},
                        Description: {},
                        Username: {},
                        Password: {},
                        PublicIP: {},
                        TurbineId: {},
                        device_id: {},
                        ModelProducer: {},

                    }
                }
            }
        });


    $('#grid').kendoGrid({
     dataSource: dataSource,
     scrollable: false,
     //toolbar: ["create"],
     toolbar: [
                  {name: "create",text: "add new turbine"}
              ],
     columns: [
                  { field: 'DeviceIP', title: 'DeviceIP', width: '100px', id: 'DeviceIP' },
                  { field: 'Producer', title: 'Producer', width: '80px', id:'Producer'},//editor: ProductNameDropDownEditor,
                  { field: 'Model', title: 'Model', width: '220px',id:'Model' },
                  { field: 'DeviceType', title: 'DeviceType', width: '100px' },
                  { field: 'Description', title: 'Description', width: '220px' },
                  { field: 'Username', title: 'Username', width: '120px' },
                  { field: 'Password', title: 'Password', width: '100px' },
                  { field: 'PublicIP', title: 'PublicIP', width: '120px' },
                  { field: 'TurbineId', title: 'TurbineId', width: '120px', hidden: true },
                  { field: 'device_id', title: 'device_id', width: '120px', hidden: true },
                  { field: 'ModelProducer', title: 'Producer/Model', hidden: true },
                  {command: ["edit"], title: " "}
             ],
        editable: 'popup',
        //ON CLICK ADD/EDIT BUTTON FOR PRODUCT ITEM
        edit: function(e) {

            // CHANGE ADD/EDIT PRODUCTITEM POPUP FORM TITLE
            if (e.model.isNew()) //ON ADD NEW
            {
                $(".k-window-title").text("Add New Turbine");
                // HERE e.container IS THE ADD/EDIT POPUP FORM ELEMENT
                e.container
                    .find("[name=DeviceIP]") // get the span element for the field
                    .val("123") // set the value
                .change(); // trigger change in order to notify the model binding

            } 
            else // ON EDIT
            {
                $(".k-window-title").text("Edit Turbine");
            }
        }
    });
})()

这是工作表

下面是将

DeviceIP

的默认值粘贴到

addrow event

上的代码片段

$("#turbingrid").kendoGrid({
....
.........
//ON CLICK ADD/EDIT BUTTON FOR PRODUCT ITEM
        edit: function(e) {

            // CHANGE ADD/EDIT PRODUCTITEM POPUP FORM TITLE
            if (e.model.isNew()) //ON ADD NEW
            {
                $(".k-window-title").text("Add New Turbine");
                // HERE e.container IS THE ADD/EDIT POPUP FORM ELEMENT
                e.container
                    .find("[name=DeviceIP]") // get the span element for the field
                    .val("123") // set the value
                .change(); // trigger change in order to notify the model binding

            } 
            else // ON EDIT
            {
                $(".k-window-title").text("Edit Turbine");
            }
        }
........
....
});

下面是演示小提琴的完整代码

(function () {



      var dataSource = new kendo.data.DataSource({
            data: {
                id: 1,
                DeviceIP: "192.168.1.1",
                Producer: 'Producer',
                Model: 'Model',
                DeviceType: 'DeviceType',
                Description: 'Description',
                Username: 'Username',
                Password: 'Password',
                PublicIP: '216.168.123.156',
                TurbineId: 1,
                device_id: 2,
                ModelProducer: 'ModelProducer',
            },
            schema: {
                model: {
                    id: 'id',
                    fields: {
                        DeviceIP: {},
                        Producer: {},
                        Model: {},
                        DeviceType: {},
                        Description: {},
                        Username: {},
                        Password: {},
                        PublicIP: {},
                        TurbineId: {},
                        device_id: {},
                        ModelProducer: {},

                    }
                }
            }
        });


    $('#grid').kendoGrid({
     dataSource: dataSource,
     scrollable: false,
     //toolbar: ["create"],
     toolbar: [
                  {name: "create",text: "add new turbine"}
              ],
     columns: [
                  { field: 'DeviceIP', title: 'DeviceIP', width: '100px', id: 'DeviceIP' },
                  { field: 'Producer', title: 'Producer', width: '80px', id:'Producer'},//editor: ProductNameDropDownEditor,
                  { field: 'Model', title: 'Model', width: '220px',id:'Model' },
                  { field: 'DeviceType', title: 'DeviceType', width: '100px' },
                  { field: 'Description', title: 'Description', width: '220px' },
                  { field: 'Username', title: 'Username', width: '120px' },
                  { field: 'Password', title: 'Password', width: '100px' },
                  { field: 'PublicIP', title: 'PublicIP', width: '120px' },
                  { field: 'TurbineId', title: 'TurbineId', width: '120px', hidden: true },
                  { field: 'device_id', title: 'device_id', width: '120px', hidden: true },
                  { field: 'ModelProducer', title: 'Producer/Model', hidden: true },
                  {command: ["edit"], title: " "}
             ],
        editable: 'popup',
        //ON CLICK ADD/EDIT BUTTON FOR PRODUCT ITEM
        edit: function(e) {

            // CHANGE ADD/EDIT PRODUCTITEM POPUP FORM TITLE
            if (e.model.isNew()) //ON ADD NEW
            {
                $(".k-window-title").text("Add New Turbine");
                // HERE e.container IS THE ADD/EDIT POPUP FORM ELEMENT
                e.container
                    .find("[name=DeviceIP]") // get the span element for the field
                    .val("123") // set the value
                .change(); // trigger change in order to notify the model binding

            } 
            else // ON EDIT
            {
                $(".k-window-title").text("Edit Turbine");
            }
        }
    });
})()

---

问题是创建和编辑，我有相同的形式！我怎样才能只为create编写一个函数而不影响另一个呢？你可以使用

isNew（）

来检查它是create还是edit。问题是create和edit，我有相同的表单！我怎样才能只为create编写一个函数而不影响另一个呢？你可以使用

isNew（）

检查它是create还是edit。问题是，create和edit按钮都打开同一个编辑器，我需要为create编写一个函数而不影响edit。你添加了这一行吗<代码>如果（！e.model.isNew（））{。我已更新answer@I获取“JavaScript运行时错误：无法获取未定义或空引用的属性‘enable’”，这只是一个示例，您需要根据需要更改为。我认为添加

$（“#DeviceIP”）.val（“123”）

在beforeEdit中，函数将适用于您我刚刚注意到isNew（）存在

！

条件，我的editedit可以工作，但问题是，创建和编辑按钮都打开同一个编辑器，我需要为创建编写一个函数，而不影响编辑，是否添加了此行？

如果（！e.model.isNew（））{

。我已经更新了answer@I获取“JavaScript运行时错误：无法获取未定义或空引用的属性'enable'”，这只是一个示例，您需要根据需要更改为。我认为在beforeEdit函数中添加

$（“#DeviceIP”）.val（“123”）；

对您有效。我刚刚注意到isNew有

！

条件（），我有editedCheck编辑功能，我用我的代码测试过，它只用于创建Check编辑功能，我用我的代码测试过，它只用于创建