标签: kendo-ui

我试图刷新下拉列表后另一个DropDownList是更改但刷新()方法是未定义错误正在提升.为我尝试再次读取数据源,它显示它加载但数据仍然是相同的.帮助解决请问这个问题.

码:

$("#DropDownList1").change(function () {
   custCode = $("#DropDownList1").val();

   $("#titles").data("kendoDropDownList").dataSource.read(); //shows list Loading But Same Data Is present .
   $("#titles").data("kendoDropDownList").refresh(); //NOT Working 

});

我正在使用KendoUI的树视图,并希望为用户提供过滤它的可能性.甚至有一个演示可以做我想要的(http://demos.kendoui.c​​om/web/treeview/api.html)

问题是过滤器仅应用于TreeView的第一层次结构,因此如果过滤器文本存在于子级而不是父级,则不会显示子级.

例:

• 第1项
• 第2项
  • 项目xzy
  • 项目abc

如果搜索文本为"abc",则不会显示任何项目.相反,我希望得到以下结果:

• 第2项
  • 项目abc

有谁知道如何做到这一点？这是我正在使用的代码:

   var tree_view_data = new kendo.data.HierarchicalDataSource({
        transport: {
            read: {
                url: "getall/items",
                dataType: "json"
            }
        },
        schema: {
            model: {
                children: "ChildItems"
            }
        }
    });
    //init tree view itself
    var $treeview = $("#div-treeview").kendoTreeView({
        dataSource: tree_view_data,
        dataTextField: [ "Text", "ChildrenText" ]
    });

    //allow filter of navigation tree
    var refreshTree = function () {
        tree_view_data.filter({
            field: "Text", //if I would use "ChildrenText" here nothing be displayed at all if filtertext is set …

是否可以在读取数据和避免第二次服务器读取之前以编程方式设置KendoUI DataSource的sort参数？范围是为特定用户交互设置默认排序.怎么样？

这是我想要做的一个例子,因为答案没有达到目的(或者我可能不理解事情如何运作).

我用一个初始排序定义了一个Kendo DataSource:

var datasource = new kendo.data.DataSource({
    parameterMap: function (inputParams, operation) {
        return JSON.stringify(inputParams)
    },
    // default sort
    sort: [
        {field: "field_1", dir: "asc"},
        {field: "field_2", dir: "asc"}
    ]
});

此DataSource绑定到Kendo网格:

var grid = $("element").kendoGrid({
    dataSource: datasource   
});

然后我有一个按钮,在DataSource上调用"read"并使用第一页数据填充网格:

$("#btn").bind("click", function(e) {
    datasource.page(1);
}); 

这样,在单击按钮后,用户获取按"field_1"和"field_2"排序的数据,并且网格在列标题上显示此排序.然后,用户可以通过单击列标题以任何方式重新排序数据.

我想要做的是将默认排序重置为初始值,如DataSource声明中所定义,在列标题上再次显示它,而不再创建新的DataSource.

就像是:

$("#btn").bind("click", function(e) {
    datasource.sort = [
        {field: "field_1", dir: "asc"},
        {field: "field_2", dir: "asc"}
    ]; 
    datasource.page(1);
}); 

所提供的解决方案似乎没有达到这一点(我仍然不明白为什么我会因为一个似乎不是那么微不足道并且应该由框架解决的合法问题而失去声誉点).

请告诉我我错了(我不担心失去声誉 - 我想了解如何解决问题).

我试图以下面的方式更改我的剑道网格的列集合.

var grid = $("#grid").data("kendoGrid");
$http.get('/api/GetGridColumns')
    .success(function (data) {
        grid.columns = data;                    
    })
    .error(function (data) {
        console.log(data);
    });

这是更改列集合但不立即反映在我的网格中.但是当我尝试在网格中执行某些操作(比如分组)时,我的新列集就出现了.

请让我知道如何实现这一目标.

此致,Dilip Kumar

我在页面上有一个日期选择器和一个网格.我希望根据datepicker中的日期填充网格.我使用grid.dataBind使用Telerik mvc网格完成了这项工作.

var grid = $('#Grid').data('tGrid');
var pDate = document.getElementById('DatePicker').value;
$.ajax(
{
  type: 'POST',
  url: '/Home/AccountSummary/',
  dataType: 'json',
  data: { date: pDate },
  success: function (result) {
    grid.dataBind(result);
  }
});

现在我想用Kendoui网格做同样的事情.我知道我需要通过使用获得网格$('#Grid').data('kendoGrid').但是如何将结果绑定到网格？

我有一个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 …

网格中有一个剑道数字框.只允许数字.没有小数位和没有逗号分隔符.我以不同的方式尝试但没有成功.不知道......请帮帮我......

在我给出的数据源字段中

seq_no  : {type: "number",validation: {min: 1,max: 32767}}

在网格栏中

{ field: "seq_no", width: "50px", title: "Sequence Number", type:"number"}

请参阅jsfiddle示例http://jsfiddle.net/frigon/H6ssq/

由于某种原因,JSON.stringify忽略了一些字段.有没有办法强制JSON.stringify解析它们？

正如jsfiddle所示......这段代码......

<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
    <script>
    var model = kendo.data.Model.define({id: "ID", fields: {"Name":{type: "string"}}});
    var obj = new model();
    obj.set("Name","Johhny Foosball");
    document.write("<br />obj.dirty property exists: ");
    document.write(obj.dirty);
    document.write("<br/>obj.uid property exists: ");
    document.write(obj.uid);
    document.write("<br/>But they dont show in JSON.stringify():<br/>");    
    document.write(JSON.stringify(obj));
</script>

将输出:

obj.dirty属性存在:true

obj.uid属性存在:b4af4dfc-9d94-4a2d-b286-d6f4cbc991d8

但它们不会在JSON.stringify()中显示:

{"ID":"","名称":"Johhny Foosball"}

我刚刚将基于Bootstrap 2.3的站点转换为3.1,而且我对Kendo的Bootstrap主题有很多问题.

我倾向于在自定义网格弹出编辑器中使用Bootstrap表单组,但它们与Kendo的CSS不兼容.

我设置了一个小提琴来显示问题.正如您在编辑记录时所看到的那样,标签的大小和位置以及输入和输出方式.

这与common-template.less文件中的最后两个条目有关:

.k-animation-container,
.k-widget,
.k-widget *,
.k-animation-container *,
.k-widget *:before,
.k-animation-container *:after
{
    .box-sizing(content-box);
}

.k-button,
.k-textbox,
.k-autocomplete,
div.k-window-content,
.k-tabstrip > .k-content > .km-scroll-container,
.k-block,
.k-edit-cell .k-widget,
.k-grid-edit-row .k-widget,
.k-grid-edit-row .text-box,
.km-actionsheet > li,
.km-shim
{
    .box-sizing(border-box);
}

如果删除这些Bootstrap表单看起来是正确的,但某些Kendo元素(如寻呼机)会受到不利影响.

有没有办法解决这个问题,或者这不是Telerik打算如何使用它的框架？