与angularjs和kendo ui的绑定过程

时间:2016-08-27 08:52:53

标签: javascript angularjs wpf kendo-ui kendo-grid

我正在将wpf项目更改为Web应用程序。技术是角和剑道ui。我是网络前端的新手,有些东西让人感到困惑。

  1. 是否有角度的wp​​f DataTrigger机制?例如,我的数据网格包含2列A和B,列B的值基于列A的值,如果A值改变,则可以动态更改。在WPF中,我们可以使用DataTrigger轻松处理它,任何类似的角度机制?

  2. 从服务加载数据并将它们绑定到数据网格,在哪里可以定义viewmodel?过程是,从服务获取数据,然后处理数据,创建一个绑定到网格的集合。集合中的模型类型与原始数据不同,我可以在哪里定义模型?我在哪里可以处理原始数据?

  3. 由于

1 个答案:

答案 0 :(得分:0)

尝试在模型中定义其他字段

model: {
        fullname: function() {
          return this.firstname + ' ' + this.lastname;
        }
      }

所以fullname是计算字段,firstname和lastname是自动包含在模型中的字段名称(它们位于jsondata中)

然后,您可以在模板中使用${fullname()}

如果你真的需要像行为这样的触发器,那么你应该在observable objects上提出你的解决方案。你可以在这里阅读它们:

http://docs.telerik.com/kendo-ui/api/javascript/data/observableobject

第二个问题是关于基本功能,首先阅读那篇文章

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid

我的建议是避免在客户端进行复杂的计算,这样你应该从服务器返回绑定就绪数据并将其加载到数据源而无需任何额外的处理。但如果你无法避免这种情况,你应该使用kendo.dataSource的自定义读取功能:

var dataSource = new kendo.data.DataSource({
transport: {
    read: function (e) {
        //here you can process sampleData, then load it to DS
        e.success(sampleData);
        // on failure
        //e.error("XHR response", "status code", "error message");
    }
}

}

此处还阅读有关CRUD操作的内容:

http://docs.telerik.com/kendo-ui/framework/datasource/crud