Question

我有一个带弹出式可编辑属性的Kendo UI网格。当我添加/编辑模式时，我想让我的下拉列更宽，但我似乎无法改变宽度。我确实可以改变网格本身的宽度，但不能改变编辑模式。

是否与某种编辑模板有关？我找不到它的文档。

感谢。鲍勃

这是我的示例网格：

       positGrid = $("#positGrid").kendoGrid({
        dataSource: datasource,
        toolbar: [
            { name: "create", text: "Add Position" }
        ],
        columns: [{
            field: "PositionId", 
        },
        {
            field: "Portfolio", 
            editor: portfolioDropDownEditor, template: "#=Portfolio#"
        },
        {
            field: "Instrument",
            width: "220px",
            editor: instrumentsDropDownEditor, template: "#=Instrument#", 
        },
        {
            field: "NumOfContracts",
        },
        {
            field: "BuySell",
            editor: buySellDropDownEditor, template: "#=BuySell#"
        },
        {
            command: [
              {
                  name: "edit",
                  click: function (e) {           
                  }
              },
              "destroy"
            ]
        },
        ],
        sortable: true,
        editable: "popup",
    });

Answer 1

您可以将edit事件连接到设置下拉选项：

name: "edit",
    click: function (e) {  
        if (!e.model.isNew()) {         
            var dropdown = e.container.find("input[name=Portfolio]").data("kendoDropDownList");
            dropdown.list.width(500);
        }
        }

Kendo UI网格编辑模式列样式

1 个答案: