ADF 使用js设置放大镜（inputListOfValues）弹出的dialog的宽度

肖坤玉

当页面使用了inputListOfValues标签时，弹出（popup）的dialog是ADF框架自动生成的，在project中并没有对应的jspx文件，所以要修改dialog上的元素比较麻烦。

先看inputListOfValues默认的效果，表格中的每列都太窄，导致内容不能默认完全显示：


再看修改后的效果图，此窗口（dialog）的宽度，以及dialog里的表格（table），每列（column）的宽度都是自己设置的：


使用的方式如下，用js去设置table，table head，column，content的width，当然，每个控件的id都是ADF自动去生成的，
所以要用firebug去找出这些ID即可，然后再使用定时器去定时执行。

注：当点击表头的sort功能，会报异常，请各位自己fix一下js代码，并告知我解决方法，谢谢

1.     <af:resource type="javascript">
   
2.         setInterval('setTableWidth_ctcourseSearchDetails()', 300);
   
3.         var varWidth_ctcourseSearchDetails = '670px';
   
4. 
   
5.         function setTableWidth_ctcourseSearchDetails() {
   
6.           try {
   
7.             //dialog width
   
8.             var obj_dialog = document.getElementById("pt1:courseCode2Id::lovDialogId");
   
9.             if(obj_dialog != null) {
   
10.               obj_dialog.style.width = '730px';
    
11.               
    
12.               //table_head width
    
13.               var obj_table_head = document.getElementById("pt1:courseCode2Id_afrLovInternalTableId::ch::d2::t2");
    
14.               if(obj_table_head != null) {
    
15.                 obj_table_head.style.width = varWidth_ctcourseSearchDetails;
    
16.                
    
17.                 document.getElementById("pt1:courseCode2Id_afrLovInternalTableId::ch").style.width = '680px';
    
18.                
    
19.                 //table_content width
    
20.                 var obj_table_content = document.getElementById("pt1:courseCode2Id_afrLovInternalTableId::db");
    
21.                 if(obj_table_content != null) {
    
22.                   var i=1;
    
23.                   while(true) {
    
24.                     obj_table_content.getElementsByTagName("table")[i].style.width = varWidth_ctcourseSearchDetails;
    
25.                     
    
26.                     i++;
    
27.                     if(i == obj_table_content.length) {
    
28.                       break;
    
29.                     }
    
30.                   }
    
31.                 }
    
32.               }
    
33.             }
    
34.           } catch(e) {  }
    
35.         }
    
36.       </af:resource>

复制代码

除了使用js去设置外，应该还能使用adf的skin去修改，希望有懂的人指教。