久久久久久久999_99精品久久精品一区二区爱城_成人欧美一区二区三区在线播放_国产精品日本一区二区不卡视频_国产午夜视频_欧美精品在线观看免费

標題: Knockout與EasyUI實現(xiàn)雙向綁定 [打印本頁]

作者: 51hei人人 時間: 2016-3-12 21:12
標題: Knockout與EasyUI實現(xiàn)雙向綁定
序：

前端MVVM框架Knockout可以實現(xiàn)數(shù)據(jù)雙向綁定的強大功能，如果不能與EasyUI結(jié)合使用，實在是太可惜。看了knockout-easyui-LITE-master.zip源碼后記錄一下。

思路：

在EasyUI控件的onCheck方法中綁定數(shù)據(jù)。

源碼：

ko.bindingHandlers.eudatetimebox = {

         init: function (element, valueAccessor, allBindingsAccessor, viewModel) {
            var options = $(element)["combo"]('options');
            var value = valueAccessor();
            if (!value()) {
                  var curValue = $(element)["datetimebox"]('getValue');
                  if (curValue) {
                     value(curValue);
                  }
            }
            var refreshValueFun = function (oriFun) {
                  return function () {
                     value($(element)["datetimebox"]('getValue'));
                  };
            };
            options.onChange = refreshValueFun(options.onChange);
         },

         update: function (element, valueAccessor, allBindingsAccessor, viewModel) {
            var value = ko.utils.unwrapObservable(valueAccessor());
            if ($(element)["datetimebox"]('getValue') !== value) {
                  $(element)["datetimebox"]('setValue', value);
            }
         }
      };

尾：

其他大部分的EasyUI控件都可以這樣來實現(xiàn)。

原包下載地址： https://github.com/wengys/knockout-easyui-LITE

歡迎光臨 (http://www.zg4o1577.cn/bbs/)