【问题标题】:how i get select value from kendo comboBox我如何从剑道组合框中获取选择值
【发布时间】:2014-02-20 12:14:21
【问题描述】:

我已经实现了 Kendo ComboBox,但努力获得选定的价值....

  $("#_FeeScheme_Input").kendoComboBox({
        minLength: 1,
        filter: 'contains',
        dataTextField: "FeeSchemeDescription",
        dataValueField: "FeeSchemeID",
        select: onSelect,
        dataSource: {
            type: "json",
            serverFiltering: false,
            transport: {
                read: "/Qualification/GetAllFeeScheme_JSON"
            },
        }
    });

...

 function onSelect(e) {

        var dataItem = this.dataItem(e.item.index());

        alert("value " + dataItem.text); //NOT WORKING... RETURN NULL VALUE            

    };

剃刀代码

 <div class="form-group">
                @Html.LabelFor(model => model._FeeScheme.FeeSchemeDescription, new { @class = "control-label col-md-3" })
                <div class="col-md-6">
                    @Html.TextBoxFor(model => model._FeeScheme.FeeSchemeDescription, new { id = "_FeeScheme_Input" })
                    @Html.ValidationMessageFor(model => model._FeeScheme.FeeSchemeDescription)
                </div>
 </div>

【问题讨论】:

  • 你知道我需要在表单上做吗

标签: asp.net-mvc kendo-ui kendo-combobox


【解决方案1】:
var c = $('#MyCombo');

// to get selected id
c.val() // and also
c.data('kendoComboBox').value()

// to get selected text
c.data('kendoComboBox').text()

// to get selected item index
c.data('kendoComboBox').select()

// to set selected item e.g. 3
c.data('kendoComboBox').select(2)

【讨论】:

  • 仅供参考,这不是 ASP.NET MVC 独有的。这个答案只是简单的 JavaScript 代码,它使用 jQuery 获取 ComboBox 元素,从元素中获取 Kendo ComboBox 实例,然后调用它的函数。
  • 亲爱的 john-washam,你说得对,但我遇到了这个问题,并按照上面的代码解决了。感谢您的提醒。
【解决方案2】:

kendo comboBox 中的 getter/setter 是 kendoComboBox 'class' 的一部分。

您可以根据需要使用 this.value()this.text()

$("#_FeeScheme_Input").kendoComboBox({
    minLength: 1,
    filter: 'contains',
    dataTextField: "FeeSchemeDescription",
    dataValueField: "FeeSchemeID",        
    dataSource: {
        type: "json",
        serverFiltering: false,
        transport: {
            read: "/Qualification/GetAllFeeScheme_JSON"
        },
    },
    change: function(){
       alert("value " + this.value());
    }
});

【讨论】:

    【解决方案3】:

    如果你尝试从事件中获取价值,你也可以使用 jquery。

    var CB= $("#_FeeScheme_Input").data("kendoComboBox");
    var description= CB.dataItem(CB.select()).FeeSchemeDescription;   // for text field
    alert(description);
    
    
    var CB= $("#_FeeScheme_Input").data("kendoComboBox");
    var Id= CB.dataItem(CB.select()).FeeSchemeID;   // for value field
    alert(Id);
    

    【讨论】:

    • 他们无法通过现在我需要它工作的表单帖子检索值吗?
    【解决方案4】:

    【讨论】:

      【解决方案5】:

      您也可以使用 jquery 来获取 ID 和值,如下所示:

      首先给你的组合框起个名字:

      $("#_FeeScheme_Input").kendoComboBox({
          Name: 'MyComboBox',
          minLength: 1,
          ...
      

      然后你可以像这样获取ID和Value:

      var myId = $("#MyComboBox").val();
      var myText = $("#MyComboBox").data('kendoComboBox').text();
      

      【讨论】:

        猜你喜欢
        • 2016-12-26
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2013-10-25
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多