标签: kendo-ui

我有一个kendoNumericTextBox.我有代码设置与kendoNumericTextBox关联的input元素的值.例如,代码调用:

$('#myId').val('test');

不幸的是,kendo数字文本框不会自动反映该值.如何告诉kendoNumericTextBox更新其值？我知道kendoNumericTextBox上有一个方法如下:

$('#myId').data('kendoNumericTextBox').value('test');

但是,我填充了很多字段,并不确定哪些字段是kendoNumericTextBox字段.因此,我更愿意使用所选插件来调用基于底层组件刷新值的内容.例如,使用所选的插件,我可以调用:

$('.chosen').trigger('liszt:updated');

根据基础选择组件的值更新所有值.

我正在尝试获取包含Kendo MVC网格和其他要提交的元素的表单.

• View模型包含三个字符串字段和一个IEnumerable集合.
• 网格是服务器绑定的.我没有使用网格添加任何元素或从列表中删除任何元素,但网格包含一个复选框,映射到列表项中的布尔列.

每当我提交此表单时,三个字符串元素在post方法中返回,但列表始终为null.

这是数据模型:

public class Parent
{
    public string Field1 { get; set; }
    public string Field2 { get; set; }
    public string Comments { get; set; }
    public IEnumerable<ChildItems> Children { get; set; }
}

public class ChildItems
{
    public string ChildField1 { get; set; }
    public string ChildField2 { get; set; }
    public boolean Include { get; set; }
}

这是我的观点:

@{
    ViewBag.Title = "Index";
}
@model GridInForm.Models.Parent

@using(Html.BeginForm("Save", "Home"))
{
    <fieldset>
        <legend>Editing …

我试图在Kendo UI模板中找出列表视图,如何遍历每个对象中的集合以在页面上呈现信息.这是我正在玩的json的一个例子:

{"Data":[{"Title":"Malicious Acts","KeyPairs":{"Key1":"12","Key2":"24"}},            {"Title":"Enrollments","KeyPairs":{"Key1":"12","Key2":"24"}},{"Title":"Customer Feedback","KeyPairs":{"Key1":"12","Key2":"24"}},{"Title":"Questionable Accounts","KeyPairs":{"Key1":"12","Key2":"24"}}],"Total":4,"AggregateResults":null,"Errors":null}

我想在模板中渲染KeyPairs项目,只是在理解如何操作时遇到一些麻烦.

这是来源:

<div id="subscriberFunctions">

    <script type="text/x-kendo-tmpl" id="template">
        <div class="subscriberFunction">
            <h3>${Title}</h3>
           <!-- Display KeyPairs -->
        </div>
    </script>

    @(Html.Kendo().ListView<SubscriberMenuFunction>()
        .Name("listView")
        .TagName("div")
        .ClientTemplateId("template")
        .DataSource(dataSource =>
        {
            dataSource.Read(read => read.Action("SubscriberMenu", "ListView"));
        })
        .Selectable(selectable => selectable.Mode(ListViewSelectionMode.Single))

    )
</div>

我敢肯定我只是在思考这个问题,而且它是一种简单化的东西,但不确定如何在模板中实现foreach循环以便Kendo UI识别它.

提前致谢!

我对Kendo UI AutoComplete组件感到疯狂.我正在使用自己的函数来使用jQuery访问数据,因此我必须将AutoComplete dataSource.transport.read设置为函数.代码是这样的.

minLengthAtocomplete = 3;

$('#autocomplete').kendoAutoComplete({
    minLength : 3,
    filter : "contains",
    dataValueField : "key",
    dataTextField : "value",
    dataSource : new kendo.data.DataSource({
        transport : {
            read : _OnTransportRead
        },
        schema : {
            /* object schema */
        }
    })
});

function _OnTransportRead(e) {
    var text = $.trim(e.data.filter.filters[0].value);

    if (text && text.length >= minLengthAtocomplete) {
        _GetUsers(
            text,
            function onSuccess(data) {
                var users = [];
                 /* sets users with info in data */
                e.success(users);
            },
            function onError(error) {
                /* stuff with …

我正在使用KendoUI KendoGrid.我有一个带删除按钮或"销毁"操作的列.Kendo会显示一个警告框,其中包含"您确定要删除此记录吗？" 我需要这个文本更具体地说明我的情况.你如何自定义这个文本？

任何帮助,将不胜感激.

我添加列的代码是:

$reports.kendoGrid(
{
    dataSource: dataSource,
    pageable: {
        refresh: true,
        pageSizes: true
    },
    toolbar: [{ name: "create", text: "Add" }],
    columns:
    [
        { field: 'name', title: 'Report', sortable: true },
        { command: ["edit", "destroy"], title: " ", width: "180px", } 
    ],
    editable: "inline",
    selectable: true,

我有以下场景:

在我的页面中,我有一个网格(带分页)绑定到数据源.当我点击"Extract"按钮时,网格会被填充(通过Web服务读取分页数据).然后我通过网格分页选择"第2页".再次调用Web服务以返回数据.

现在:我想再次点击"Extract",重新加载并在第一页上显示数据.我不确定哪种方式最好.

我想只调用一次服务(带输入参数),并在网格中重置分页索引.

我现在使用以下代码:

$("#btnExtract").bind("click", function(e) {
    var grid = $("#section-table").data("kendoGrid");
    grid.dataSource.read( {parameter: "value"} );
    grid.dataSource.page(1);
});

但实际上它会对服务进行两次调用.

鉴于这个json？

[
 { 
  "CompanyId":20,
  "CompanyName":"Walmart",
  "CompanyContacts":[
                     {
                      "CompanyId":20,
                      "FirstName":"Bob",
                      "LastName":"Green",
                      "Email":"bob@test.com",
                      "Phone":"1234567",
                      "IsActive":false
                     }
                    ]
 }
]

我在级联模式下使用Kendo UI ComboBoxes来构建我想要应用的过滤器.

如何清除/重置Kendo UI ComboBox的值？

我试过了:

$("#comboBox").data("kendoComboBox").val('');
$("#comboBox").data("kendoComboBox").select('');
$("#comboBox").data("kendoComboBox").select(null);

一切都无济于事.该项目是使用Razor引擎的MVC4应用程序,代码与Kendo UI示例基本相同.

我需要在我的kendo网格列模板中应用一个条件.

这是我的代码:

columns: [
{
    field: "EmpName",
    title: "Name",
    template: '<a href="\\#" onclick="showName();">#= if (empName == null){ "show xxx"
               } else {
                   // I want to show actual name if it is not null
                   empName
               } #</a>'
},

我有一个包含部分的div:

<div class="Placeafterthis">
</div>
...
<div class="k-content">
<section class="rbs-section" id="id1" name="">
.. // section content
</section>
<section class="rbs-section" id="id2" name="">
.. // section content
</section>
<section class="rbs-section" id="id3" name="">
.. // section content
</section>
</div>

现在,基本上这些部分在DOM准备好时加载.有没有办法可以检查特定部分何时完成加载？一旦完成加载,我需要克隆该部分并将其放置在"Placeafterthis"div之后.有关如何实现这一目标的任何建议？