对于他datePicker这个组件进行修改

摩羯座

有人做过对这个组件进行修改吗？现在是以滚动的形式显示时间日期，我想让他以这种形式显示其他的数据有办法么

摩羯座

有没有重写这个组件的案例呀，datePicker不让他里面显示日期而是显示其他的数据呢，要疯了要疯了

摩羯座

闰土

datePicker-$UI/system/components/justep/datePicker/datePicker 这不是这个组件的位置嘛，你可以在源文件中修改啊

摩羯座

闰土 发表于 2016-10-19 18:09
datePicker-$UI/system/components/justep/datePicker/datePicker 这不是这个组件的位置嘛，你可以在源文件 ...

感谢，发现这个文件了，我想改变这个组件显示的数据请问应该修改哪一个js文件

闰土

摩羯座 发表于 2016-10-20 08:39
感谢，发现这个文件了，我想改变这个组件显示的数据请问应该修改哪一个js文件 ...

数据，这个组件的数据，都是用的 date 事件拿来的数据把，你是想修改他得显示格式吗？
/UI2/system/components/justep/datePicker/demo/demo.w 你看一下这个是他三个默认的格式

/UI2/system/components/justep/datePicker/datePicker.js.xdoc 这个这个组件的用法说明

摩羯座

闰土 发表于 2016-10-20 11:21
数据，这个组件的数据，都是用的 date 事件拿来的数据把，你是想修改他得显示格式吗？
/UI2/system/compo ...

对我想修改他的显示格式，不显示时间这种的数据，显示其他的数据，比如不同的类型的数据

摩羯座

请问大家有没有修改过这个组件的这种呀，想用这个组件的这种形式展现出星期几这种类型的请问有这样的操作么

jatyhu

\UI2\system\components\justep\picker\demo 这个是基础picker，你想怎么玩都行

我也还没入门，工程需要一个类似的picker，但内容需要根据CALL的参数来决定。折腾了一阵儿才弄出来，借你宝地留个爪印。

首先看懂这个基础PICKER的DEMO，照COPY过来这段

        <div component="$UI/system/components/justep/picker/picker" class="x-picker"
          xid="list1" data="mainData" disablePullToRefresh="true" disableInfiniteLoad="true">
          <div class="x-picker-inner">
            <div class="x-pciker-rule x-pciker-rule-ft"/>  
            <ul class="x-list-template x-pciker-list" xid="listTemplateUl1">
              <li xid="li1" bind-text="val('fClass')"></li>
            </ul>  
            <div class="x-pciker-rule x-pciker-rule-bg"/>
          </div>
        </div>
这样自己的UI里就已经成功显示需要的PICKER了。
下一步我想根据调用参数修改内容，折腾了一阵才发现只要直接修改绑定的数据就可以。。连刷新都不用
        var data = this.comp('data3');
        data.clear();
        data.add({content : '33'});
        data.add({content : '34'});
        data.add({content : '35'});
        data.add({content : '36'});

再来就要设置默认值，这个地儿卡我好久。。。。一comp.setSelectedIndex(1); 整个控件就空白了。。。见鬼的很。。完全摸不着头脑好不好！
直到又去参考  /UI2/system/components/justep/datePicker/datePicker.js   这里有picker的进阶用例
才发现隐藏坑。。
        _updatePickerValue : function(name){
            var comp = this['_'+name+'Comp'];
            if (comp) {
                var self = this;
                if(this['_set'+name+'PickerValueHandle']) clearTimeout(this['_set'+name+'PickerValueHandle']);
                this['_set'+name+'PickerValueHandle'] = setTimeout(justep.Util.bindModelFn(self.getModel(),function() {
                    self['_set'+name+'PickerValueHandle'] = null;
                    self._setPickerValue(name, self['_'+name+'Value'].peek());
                }), 1);
            }
        },
必须要用timer来延迟的好不好！！！！
泪奔，改测试代码如下：
    Model.prototype.model2ParamsReceive = function(event){
        var comp = this.comp('datapicker');
        var data = this.comp('data3');
        data.clear();
        data.add({content : '33'});
        data.add({content : '34'});
        data.add({content : '35'});
        data.add({content : '36'});
        setTimeout(function() {
            comp.setSelectedIndex(1);
        }, 100);
    };
解决初始默认值的问题。。。

选择之后，取值的时候，也是直接看数据，不看picker
        var data = this.comp('data3');
       alert(data.getValue('content'));