Question

我搜索了Google。我没有得到任何我的要求的来源。我的输出就像 enter image description here

如果我点击第一列链接按钮eFocus011或其他行链接按钮表示它将转到新的网络广告，但工具栏Add new record无效，因为我使用了System Name模板列字段。如何获得正确的输出？我的代码：

        var grid= $("#DivGrid").kendoGrid(
        {
            dataSource: DataSource4,
            scrollable: true,
            sortable: true,
            filterable: false,
            reorderable: true,
            resizable: true,
            pageable: true,
            toolbar: [ { text : "Add new record",name: "popup",iconClass: "k-icon k-add"} ],
            editable  : {
                mode : "inline"  
                // template: kendo.template($("#customPopUpTemplate").html())
            },
            navigable: true,
            columns: 
            [  
                {
                    field: "SystemName",
                    title: "System Name",
                    width:"130px",
                    // template: '<a href  >#: SystemName # </a>'
                    template:"<a onclick='NewWindow(this.id)' id=\"#= SystemId #\" href='\\#'>#= SystemName #</a>"
                    // template:'<a href class="list k-Linkbutton" onclick="NewWindow(this.id)"  id="#= SystemId#" >#= SystemName #</a>'
                    // template: '<a href="\\#" onclick="NewWindow(this.id)"  id="#= SystemId#"   >#= SystemName #</a>'
                },
                {
                    field: "SystemIP",
                    title: "System IP",
                    width:"100px"
                },
                {
                    field: "SystemType",
                    title: "Type",
                    width:"80px",
                    editor: function (container, options) {
                        $("<input />")
                            .attr("data-bind", "value:SystemType")
                            .appendTo(container)
                            .kendoDropDownList({
                                dataSource: [ { text: "--Select--" ,value: "0"},{ text: "PC" ,value: "1"},{ text: "LAPTOP" ,value: "2" }],
                                dataTextField: "text",
                                dataValueField: "text"
                        });
                    }
                },
                {
                    field: "OSKey",
                    title: "OS Key",
                    width:"200px"
                },
                { 
                    command: ["edit","destroy"], 
                    title: "&nbsp;", 
                    width: "190px" 
                }       
            ]
        }).data("kendoGrid"); 

        $(".k-grid-popup", grid.element).on("click", function ()
        { 
            var popupWithOption = 
            {
                mode: "popup",
                template: kendo.template($("#customPopUpTemplate").html()) ,
                window: {
                    title: "Add New Record"
                }
            };

            grid.options.editable = popupWithOption ;
            grid.addRow();
            $(".k-window-action")
            {
                //visibility: hidden ;
            }
            grid.options.editable = "inline";
        });
    };
</script>

我还使用了两种类型的编辑。如果我点击工具栏，意味着我使用弹出式Kendo编辑编辑和删除意味着内联编辑？我认为错误在

 template:"<a onclick='NewWindow(this.id)' id=\"#= SystemId #\" href='\\#'>#= SystemName #</a>"

如果我将此行更改为：

 template:"<a onclick='NewWindow(this.id)' id=\"#= SystemId=0 #\" href='\\#'>#= SystemName #</a>"

它只能用于工具栏，列链接按钮不起作用。

提前致谢!!!

Answer 1

您的代码对我来说很好看

确认SystemId是否存在于模型中，如果没有则将“SystemId”整理为“SystemIP” 并进行检查

 template:"<a onclick='NewWindow(this.id)' id=\"#= SystemIP#\" href='\\#'>#= SystemName #</a>"

在Kendo UI中添加新记录字段而不是在asp中工作

1 个答案: