Question

在单个网格中使用kendo内联和弹出编辑我使用自定义模板弹出网格 <script id="customPopUpTemplate" type="text/x-kendo-template">
<form id="myForm" action="" method="post">
<div class="k-edit-field">
<input name="LoginName" class="k-textbox"/>
<span id="sta3" style="color: Red; font-size:medium;"> </span>
</div><div class="div">Login Name: </div>

`<div class="k-edit-field">`<br>
  `  <input name="Password" type="Password"  class="k-textbox"/> `<br>

<span id="sta4" style="color: Red; font-size:medium ;"> * </span>
    </div> <div class="div">Password: </div>
<div class="k-edit-field">
的 <input name="ScopeId"
                data-bind="value:ScopeId"
                data-value-field="ScopeId"
                data-text-field="ScopeName"
        data-source="DataSourceScopepopup"
                data-role="dropdownlist" /> <span id="sta6" style="color: Red; font-size:medium ;"> </span>

</div> <div class="div">Scope: </div>

</form>

var DataSourceScopepopup = new kendo.data.DataSource(
          {
              transport:
             {
                  read:
                  {
                       url: "WebServices/Project.asmx/GetScopepopup",
                      data: "{}",
                       contentType: 'application/json; charset=utf-8',
                       type: 'POST',
                      dataType: 'json'
                  },
                   parameterMap: function(options, operation)
                   {
                       if (operation == 'read')
                          return kendo.stringify(options);
                 }
                },
               schema:
                {
                   data: function(Data)
                   {
                       return (Data.d);
                   },
                   model:
                  {
                       id: "ScopeName",
                      fields:
                       {
                          ScopeId: { type: "number"},
                           ScopeName: { type: "string"}
                       }
                   }
              },
               error: function(e)
               {
                    var xhr = e[0];
                  var statusCode = e[1];
                   var errorThrown = e[2];
   alert('DataSourceScope - ' + xhr + ', ' + statusCode + ', ' + errorThrown);
              }
          });

这是我的编码如何添加默认项目 - 选择 - 在下拉列表中？现在我只获得数据库项目,,,如何添加它？提前谢谢!!

Answer 1

由于您使用的是绑定元素，我会更改SQL语句或服务，以将您想要的值添加到返回的值列表中。

否则，您可以使用数据绑定事件将新项添加到列表中，如下所示：

dataBound: function () {
if (DataSourceScopepopup.at(0). !== "--Select--") {
    DataSourceScopepopup.insert(0, { ScopeId: 0, ScopeName: "--Select--" });
}

Answer 2

添加属性data-option-label =＆＃34; - 选择 - ＆＃34;在你的模板中

 <input name="ScopeId"
    data-bind="value:ScopeId"
    data-value-field="ScopeId"
    data-text-field="ScopeName"
    data-source="DataSourceScopepopup"
    data-role="dropdownlist" 
   data-option-label="--Select--"  <!- display default value-->
    />

如何在自定义弹出窗口中的下拉列表中添加默认项（--Select--）（通过html数据属性）在asp中使用kendo Grid

2 个答案: