求助起步大神。3.5版本的 pagerBar.js 好像不完整,动态创建有问

clwbingo

UI2\system\components\justep\pagerBar\pagerBar.js    这个文件好像不完整，我动态创建pagebar 显示的是空白，且 'data'属性好像也绑定不了。还请大神帮忙看看！

1. 
   
2.         var Component = require("$UI/system/lib/base/component"),
   
3.                 Str = require("$UI/system/lib/base/string"),
   
4.                 ViewComponent = require("$UI/system/lib/base/viewComponent"),
   
5.                 url = require.normalizeName("./pagerBar");
   
6.         var ComponentConfig = require("./pagerBar.config");
   
7.         var Data = require("$UI/system/components/justep/data/data");
   
8. 
   
9.         require('css!./css/pagerBar').load();
   
10.         
    
11.         var Bar = ViewComponent.extend({
    
12.                 getUrl : function() {
    
13.                         return url;
    
14.                 },
    
15.                 label: "当前显示{0}-{1}条，共{2}条",
    
16.                 // 构造函数
    
17.                 constructor : function(options) {
    
18.                         this.data = null;
    
19.                         this.callParent(options);
    
20.                 },
    
21.                 // 动态创建组件
    
22.                 buildTemplate : function(config) {
    
23.                         //default value
    
24. return Str.format("<div class='x-pagerbar' xid='{0}' componet='{1}'></div>", config.xid);  //这里缺少一个 参数（url）,而且 动态生成后只有 这个 div,其他的什么文字、属性等都没有
    
25.                 },

复制代码

cgrddv

pagerBar和其他的是一样的，你动态创建以后，对象的所有属性都可以设置，可以参考
http://docs.wex5.com/bex5-ui-question-list-10089/
方法是一样的，直接设置属性就好

clwbingo

cgrddv 发表于 2016-9-22 14:04
pagerBar和其他的是一样的，你动态创建以后，对象的所有属性都可以设置，可以参考
http://docs.wex5.com/be ...

测试了，没有起作用，还是显示的一片空白。  生成的html代码见图片。
动态创建代码：

1.         Model.prototype.CreatePagebar = function(event) {
   
2.         var parentNode = this.getElementByXid("content1");
   
3.        
   
4.                 var option = {
   
5.                         parentNode : parentNode,
   
6.                         data : "myNewData",
   
7.                         class : 'x-pagerbar container-fluid',
   
8.                         xid : 'myPagerBar'
   
9.                 };
   
10.                 new PageBar(option);
    
11.        
    
12.         };

复制代码

cgrddv

clwbingo 发表于 2016-9-22 14:47
测试了，没有起作用，还是显示的一片空白。  生成的html代码见图片。
动态创建代码：

好吧，这个组件不好new，因为是个组合的，平台直接拖是因为对下面的这个文件做了预处理形成的组件
/UI2/system/components/justep/pagerBar/designer/pagerBar.xml
这个组件不建议直接去new

clwbingo

好吧，既然无法动态创建，那我想问  能不能 在js中动态绑定data属性？
我换个思路， 直接在前台把pagebar组件拖上去，然后 在js中动态绑定 data属性，不知道这样做可不可以？

clwbingo

cgrddv 发表于 2016-9-22 17:09
好吧，这个组件不好new，因为是个组合的，平台直接拖是因为对下面的这个文件做了预处理形成的组件
/UI2/s ...

好吧，既然无法动态创建，那我想问  能不能 在js中动态绑定data属性？
我换个思路， 直接在前台把pagebar组件拖上去，然后 在js中动态绑定 data属性，不知道这样做可不可以？

cgrddv

clwbingo 发表于 2016-9-23 17:05
好吧，既然无法动态创建，那我想问  能不能 在js中动态绑定data属性？
我换个思路， 直接在前台把pagebar ...

这个应该是可以了，我用list切换data试了一下，你可以尝试一次

clwbingo

cgrddv 发表于 2016-9-23 17:21
这个应该是可以了，我用list切换data试了一下，你可以尝试一次

请问怎么切换，我用  set 方法试了没有效果

clwbingo

结贴！