不刷新整个页面，只动态刷新下拉框的值

       常常有这样的情况出现，下拉框里面的值是前面一个步骤产生的数据，所以下拉框的数据是随时变化的，那么你要是不刷新页面的话，下拉框里面的值就不会变。而每次都要去刷新一下页面，这个操作是非常不友好的！
      今天就介绍一种不用刷新页面就可以刷新下拉框的值的方法，此方法脱胎于下拉框联动。
       首先在你正式用的下拉框那里加上编辑前事件 ，然后再隐藏掉作为中间人的那个单元格E3。   

1. var k=contentPane.curLGP.getCellValue("E3");
   
2. var m=k+1;
   
3. 
   
4. contentPane.setCellValue("E3",null,m);
   

复制代码

        意义很简单，每次编辑前，得到E3的值，然后加1再传给E3。并且一定要给E3加上下拉框和初始值1！
       然后在你的sql语句里面拼一句肯定是成功的语句例如这种：select id from b  where rownum<${E3}+50   。这是oracle 的写法，简单来说就是要带这个E3参与一下sql，但是不影响sql的结果。注意这里的50，要根据你的实际情况来修改，比如你数据量大概是1000条，那么就改为1000,。上面是第一种写法，经过和女神@cherishdqy 的讨论，女神提出了select id from b  where 0!=${E3}这种写法，这样就不用管行号，成了一个通用的例子了，大佬出手就是厉害！另外提一点，这个条件最好是第一个条件，这样执行效率最高（oracle是这样）。不管是填报页面还是参数面板这种方法都适用，语句稍微有点不同。  

1. var k=this.options.form.getWidgetByName("M").getValue();
   
2. var m=k+1;
   
3. this.options.form.getWidgetByName("M").setValue(m);
   

复制代码

       这样就实现了，不用刷新这个页面下拉框的值也可以刷新。
       还有一点，现实中一般都习惯enter来左右切换选中控件（帆软是tab），然后enter来确定下拉框的选中项（帆软是tab）。估计帆软是考虑冲突的原因才选择tab，但是这种有点不方便，没有遵从用户的操作习惯。下面的js加到加载起始可以将tab换成enter，目前没有发现什么冲突的地方，除了和FR内置的查询按钮快捷键冲突，不过这个js一般是为了填报顺畅，大家自己取舍一下，也可以自定义查询按钮和他的快捷键。这样才满足操作员的操作习惯
      

1. FR.ComboBoxEditor.prototype._onKeyDown = function (c) {
   
2. 
   
3.                 var b = c.data;
   
4.                 switch (c.keyCode) {
   
5.                 case FR.keyCode.DOWN:
   
6.                         if (!b.isExpanded()) {
   
7.                                 b.onTriggerClick()
   
8.                         } else {
   
9.                                 if (b.focusIndex == undefined) {
   
10.                                         b.focusIndex = b._getSelectedIndex() || 0
    
11.                                 }
    
12.                                 if (b.focusIndex < (b.considerAllowBlankLength() - 1)) {
    
13.                                         b._setItemFocus(b.focusIndex + 1, b.focusIndex);
    
14.                                         b.focusIndex = b.focusIndex + 1
    
15.                                 } else {
    
16.                                         b._setItemFocus(0, b.focusIndex);
    
17.                                         b.focusIndex = 0
    
18.                                 }
    
19.                         }
    
20.                         c.stopEvent();
    
21.                         break;
    
22.                 case FR.keyCode.UP:
    
23.                         if (b.isExpanded()) {
    
24.                                 if (b.focusIndex == undefined) {
    
25.                                         b.focusIndex = b._getSelectedIndex()
    
26.                                 }
    
27.                                 if (b.focusIndex - 1 >= 0) {
    
28.                                         b._setItemFocus(b.focusIndex - 1, b.focusIndex);
    
29.                                         b.focusIndex = b.focusIndex - 1
    
30.                                 } else {
    
31.                                         b._setItemFocus(b.considerAllowBlankLength() - 1, b.focusIndex);
    
32.                                         b.focusIndex = b.considerAllowBlankLength() - 1
    
33.                                 }
    
34.                                 c.stopEvent()
    
35.                         }
    
36.                         break;
    
37.                 case FR.keyCode.TAB:
    
38.                         b.collapse();
    
39.                         break;
    
40.                 case FR.keyCode.ENTER:
    
41.                         if (b.isExpanded()) {
    
42.                                 if (b.focusIndex != undefined) {
    
43.                                         b._setSelectedIndex(b.focusIndex)
    
44.                                 } else {
    
45.                                         b.collapse();
    
46.                                         b.editComp.blur();
    
47.                                         c.stopEvent();
    
48.                                         break
    
49.                                 }
    
50.                                 b._onEnterPressed();
    
51.                                 if (b.editComp.val() == "" && b.options.allowBlank !== false) {
    
52.                                         b.inList = true
    
53.                                 }
    
54.                                 c.stopEvent()
    
55.                         }
    
56.                         break
    
57.                 }
    
58.         }
    

复制代码

          模版我就不上了，免得赚大家的豆子，很简单的几个js大家一用就知道功效。




  

最近高产啊

已提名精华帖，待论坛运营委员会评分后可评为精华帖，帆软论坛精华帖奖励计划http://bbs.fanruan.com/thread-91079-1-1.html

谢谢楼主，大赞，大爱

关于楼主的分享，我有点疑惑。首先楼主主要是分为了两个问题小解决方案。
1、不刷新整个页面，只动态刷新下拉框的值 实现方案。
我看了一下，感觉第二个控件数据字典设置为公式，然后如下面例子：

就能实现正常的B3选择值改变，C3可选值联动变更。没想明白为啥会刷新页面。

2、就是操作习惯[color=rgba(10, 18, 32, 0.64)]enter。但是帆软是tab的问题，这个只要直接设置更改一下填报属性快捷键设置即可实现。

不明白为啥要用js实现。是有什么特殊的地方吗？希望楼主解惑

星痕 发表于 2018-1-22 19:03
关于楼主的分享，我有点疑惑。首先楼主主要是分为了两个问题小解决方案。
1、不刷新整个页面，只动态刷新 ...

1.你这个必须要操作了前面的下拉框后面才会变，这个地方是只有一个地方需要选择，举个例子，别人前面一步操作填了单号到某表。你这一步需要选择某个单号来操作，那么你就只有一个下拉框，我的方法不操作前面的下拉框，本下拉框也可以动态的改变值，跟着最新的值走。至于直接用sql公式，这个没有试过，但是有一点，如果sql教长的话 ，用公式感觉不是很方便啊，公式如果可以的话，也算另一种方法吧，我没验证过。
2.这里可能是我没有表述清楚，这个jS改变的是下拉框选择的快捷键，由tab改成了enter

恍1 发表于 2018-1-23 09:40
1.你这个必须要操作了前面的下拉框后面才会变，这个地方是只有一个地方需要选择，举个例子，别人前面一步 ...

搜嘎。这么高大上，我在吸收一下

试过，刷新不了