Ext onReady 加载页面的问题

最新推荐文章于 2023-08-29 13:56:13 发布
最新推荐文章于 2023-08-29 13:56:13 发布
阅读量228 收藏
点赞数
分类专栏： Web 前端 文章标签： EXT OO CSS JavaScript Cache ViewUI

1。使用Ext.onReady（）,发现ext内部报空指针错误，用Null.createChild()了。

 

 使用<%
    request.setAttribute("decorator", "none");
    response.setHeader("Cache-Control","no-cache"); //HTTP 1.1
    response.setHeader("Pragma","no-cache"); //HTTP 1.0
    response.setDateHeader ("Expires", 0); //prevents caching at the proxy server
%>
<%@page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="w" tagdir="/WEB-INF/tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <link rel="stylesheet" type="text/css"
  href="../AjaxExt/resources/css/ext-all.css" />
 <link rel="stylesheet" type="text/css"
  href="../AjaxExt/resources/css/button.css" />
 <link rel="stylesheet" type="text/css"
  href="../AjaxExt/resources/workbench.css" />
 <script type="text/javascript" src="../AjaxExt/adapter/ext/ext-base-debug.js"></script>
 <script type="text/javascript" src="../AjaxExt/ext-all-debug.js"></script>
 
<title>View <s:text name="#parameters.action" /></title>
<script type="text/javascript">
Ext.onReady(function(){
       var tabs = new Ext.TabPanel({
        renderTo: "tab1",
          width:800,
           activeTab: 0,
        deferredRender: false,  
           height:400,
           bufferResize:true,
           monitorResize:true,
           bodyStyle:'background-color:#3CA9C4;padding-top:5px;padding-left:1px;',
           enableTabScroll:true
       });
       var tabcontent;
       <s:if test="allModules.size > 0">
       <s:iterator value="allModules" id="obj">
        <s:if test="#obj.components.size > 0">
          var subTabs = new Ext.TabPanel({
                 width:598,
                 activeTab: 0,
                 deferredRender: false,
                 height:200,
               //  title:'<s:property value="#obj.moduleName" />',
                 title:'<s:property value="#obj.i18N" />',
                 enableTabScroll:true,
                 autoScroll : true
             });
      <s:iterator value="#obj.components" id="comp">
       <s:if test="#comp.id in entryComponent">
        var functions=''+"<input type=checkbox id=entry<s:property value="#comp.id" />  οnclick=\"disableAll(this,'<s:property value="#comp.id" />'); \"  checked=\"checked\" name=componentList value='<s:property value="#comp.id" />'><s:text name="Entity.Role.privilege.enterComponent"/> ";
       
       </s:if>
          <s:if test="#comp.id not in entryComponent">
       var functions=''+"<input type=checkbox id=entry<s:property value="#comp.id" />  οnclick=\"disableAll(this,'<s:property value="#comp.id" />'); \"  name=componentList value='<s:property value="#comp.id" />'> <s:text name="Entity.Role.privilege.enterComponent"/> ";

      </s:if >
     <s:if test="#comp.id in entryAllowAll">
           
         functions=functions+"<input type=checkbox οnclick=\"enableEntry(this,'<s:property value="#comp.id" />'); \" id=allow<s:property value="#comp.id" /> checked=\"checked\" name=componentAllowAll value='<s:property value="#comp.id" />'><s:text name="Entity.Role.privilege.allowAllFunction"/> <br><br>";

     </s:if >
     <s:if test="#comp.id not in entryAllowAll">
        functions=functions+"<input type=checkbox οnclick=\"enableEntry(this,'<s:property value="#comp.id" />'); \" id=allow<s:property value="#comp.id" /> name=componentAllowAll value='<s:property value="#comp.id" />'><s:text name="Entity.Role.privilege.allowAllFunction"/>  <br><br>";

     </s:if >
     
     
     
     
     <s:if test="#comp.functionList.size > 0">
       <s:if test="#comp.id in entryAllowAll">
         functions=functions+"<div id=function<s:property value="#comp.id" /> style=\"visibility:hidden;\"><s:text name="Entity.Role.privilege.setFunctionPoints"/><br>";
      </s:if> 
      <s:if test="#comp.id not in entryAllowAll">
         functions=functions+"<div id=function<s:property value="#comp.id" /> style=\"visibility:visible;\"><s:text name="Entity.Role.privilege.setFunctionPoints"/><br>";
      </s:if >
      
        <s:iterator value="#comp.functionList" id="func" status="st">
           <s:if test="#func.id in roleFunctionNames">
            functions=functions+"<input type=checkbox name=functionList οnclick=\"enablePrivilege(this,'<s:property value="#comp.id" />'); \"  checked=\"checked\"  value='<s:property value="#func.id" />'>"+'<s:text name="Function.%{#func.id}" />'+'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
         </s:if>
         <s:if test="#func.id not in roleFunctionNames">
          functions=functions+"<input type=checkbox name=functionList οnclick=\"enablePrivilege(this,'<s:property value="#comp.id" />'); \"  value='<s:property value="#func.id" />'>"+'<s:text name="Function.%{#func.id}" />'+'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
         </s:if >
         <s:if test="#st.count%3==0">
           functions=functions+"<br>";
         </s:if >
         </s:iterator>
          functions=functions+"</div>";
     
     </s:if >
     
     subTabs.add({title:'<s:property value="#comp.i18N" />', autoScroll : true,autoShow:false,html:functions}).show();
      </s:iterator>  
         tabs.add(subTabs).show();

        </s:if>
        
        
        
        
       <s:else >
       tabs.add({title:'<s:property value="obj.i18N" />'}).show();
      
    </s:else>
    </s:iterator>
         
       </s:if>
       <s:else>
       </s:else>
     tabs.setActiveTab(0);
  });

function enableEntry(me,entrycomponent){
 var o=document.getElementById('entry'+entrycomponent);
 var oo=document.getElementById('function'+entrycomponent);
 if(me.checked){
  o.checked=true;
  if(oo!=null)oo.style.visibility='hidden';
 }else{
  if(oo!=null)oo.style.visibility='visible';
 }
 
 
}

function disableAll(me,entrycomponent){
 var o=document.getElementById('allow'+entrycomponent);
 var oo=document.getElementById('function'+entrycomponent);
 if(!(me.checked))
  o.checked=false;
  
 
}
function enablePrivilege(me,entrycomponent){
 var o=document.getElementById('entry'+entrycomponent);
 if(me.checked)o.checked=true;

}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="10">
  <s:form action="%{#parameters.action}/savePrivileges">
   <s:hidden name="id" label="ID" />
   <s:hidden name="obj.id" label="ID" />

   <div id="tab1"></div>
   
   
   <input type="submit" class="button"
    value="<s:text name='General.Button.submit'/>" />
   <input type="button" class="button"
    value="<s:text name='General.Button.return'/>"
    onClick="javascript: history.go(-1);" />
    
    
  </s:form>
  
  
 </body>
</html>

结果不能正确显示TabPanel,后来发现是onReady 中加载的时候出现问题，后来改为带延迟的。

 

<%
    request.setAttribute("decorator", "none");
    response.setHeader("Cache-Control","no-cache"); //HTTP 1.1
    response.setHeader("Pragma","no-cache"); //HTTP 1.0
    response.setDateHeader ("Expires", 0); //prevents caching at the proxy server
%>
<%@page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="w" tagdir="/WEB-INF/tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <link rel="stylesheet" type="text/css"
  href="../AjaxExt/resources/css/ext-all.css" />
 <link rel="stylesheet" type="text/css"
  href="../AjaxExt/resources/css/button.css" />
 <link rel="stylesheet" type="text/css"
  href="../AjaxExt/resources/workbench.css" />
 <script type="text/javascript" src="../AjaxExt/adapter/ext/ext-base-debug.js"></script>
 <script type="text/javascript" src="../AjaxExt/ext-all-debug.js"></script>
 
<title>View <s:text name="#parameters.action" /></title>
<script type="text/javascript">
Ext.onReady(function(){
       var tabs = new Ext.TabPanel({
        renderTo: "tab1",
          width:800,
           activeTab: 0,
        deferredRender: false,  
           height:400,
           bufferResize:true,
           monitorResize:true,
           bodyStyle:'background-color:#3CA9C4;padding-top:5px;padding-left:1px;',
           enableTabScroll:true
       });
       var tabcontent;
       <s:if test="allModules.size > 0">
       <s:iterator value="allModules" id="obj">
        <s:if test="#obj.components.size > 0">
          var subTabs = new Ext.TabPanel({
                 width:598,
                 activeTab: 0,
                 deferredRender: false,
                 height:200,
               //  title:'<s:property value="#obj.moduleName" />',
                 title:'<s:property value="#obj.i18N" />',
                 enableTabScroll:true,
                 autoScroll : true
             });
      <s:iterator value="#obj.components" id="comp">
       <s:if test="#comp.id in entryComponent">
        var functions=''+"<input type=checkbox id=entry<s:property value="#comp.id" />  οnclick=\"disableAll(this,'<s:property value="#comp.id" />'); \"  checked=\"checked\" name=componentList value='<s:property value="#comp.id" />'><s:text name="Entity.Role.privilege.enterComponent"/> ";
       
       </s:if>
          <s:if test="#comp.id not in entryComponent">
       var functions=''+"<input type=checkbox id=entry<s:property value="#comp.id" />  οnclick=\"disableAll(this,'<s:property value="#comp.id" />'); \"  name=componentList value='<s:property value="#comp.id" />'> <s:text name="Entity.Role.privilege.enterComponent"/> ";

      </s:if >
     <s:if test="#comp.id in entryAllowAll">
           
         functions=functions+"<input type=checkbox οnclick=\"enableEntry(this,'<s:property value="#comp.id" />'); \" id=allow<s:property value="#comp.id" /> checked=\"checked\" name=componentAllowAll value='<s:property value="#comp.id" />'><s:text name="Entity.Role.privilege.allowAllFunction"/> <br><br>";

     </s:if >
     <s:if test="#comp.id not in entryAllowAll">
        functions=functions+"<input type=checkbox οnclick=\"enableEntry(this,'<s:property value="#comp.id" />'); \" id=allow<s:property value="#comp.id" /> name=componentAllowAll value='<s:property value="#comp.id" />'><s:text name="Entity.Role.privilege.allowAllFunction"/>  <br><br>";

     </s:if >
     
     
     
     
     <s:if test="#comp.functionList.size > 0">
       <s:if test="#comp.id in entryAllowAll">
         functions=functions+"<div id=function<s:property value="#comp.id" /> style=\"visibility:hidden;\"><s:text name="Entity.Role.privilege.setFunctionPoints"/><br>";
      </s:if> 
      <s:if test="#comp.id not in entryAllowAll">
         functions=functions+"<div id=function<s:property value="#comp.id" /> style=\"visibility:visible;\"><s:text name="Entity.Role.privilege.setFunctionPoints"/><br>";
      </s:if >
      
        <s:iterator value="#comp.functionList" id="func" status="st">
           <s:if test="#func.id in roleFunctionNames">
            functions=functions+"<input type=checkbox name=functionList οnclick=\"enablePrivilege(this,'<s:property value="#comp.id" />'); \"  checked=\"checked\"  value='<s:property value="#func.id" />'>"+'<s:text name="Function.%{#func.id}" />'+'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
         </s:if>
         <s:if test="#func.id not in roleFunctionNames">
          functions=functions+"<input type=checkbox name=functionList οnclick=\"enablePrivilege(this,'<s:property value="#comp.id" />'); \"  value='<s:property value="#func.id" />'>"+'<s:text name="Function.%{#func.id}" />'+'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
         </s:if >
         <s:if test="#st.count%3==0">
           functions=functions+"<br>";
         </s:if >
         </s:iterator>
          functions=functions+"</div>";
     
     </s:if >
     
     subTabs.add({title:'<s:property value="#comp.i18N" />', autoScroll : true,autoShow:false,html:functions}).show();
      </s:iterator>  
         tabs.add(subTabs).show();

        </s:if>
        
        
        
        
       <s:else >
       tabs.add({title:'<s:property value="obj.i18N" />'}).show();
      
    </s:else>
    </s:iterator>
         
       </s:if>
       <s:else>
       </s:else>
     tabs.setActiveTab(0);
  },this,{delay:0.000000001});

function enableEntry(me,entrycomponent){
 var o=document.getElementById('entry'+entrycomponent);
 var oo=document.getElementById('function'+entrycomponent);
 if(me.checked){
  o.checked=true;
  if(oo!=null)oo.style.visibility='hidden';
 }else{
  if(oo!=null)oo.style.visibility='visible';
 }
 
 
}

function disableAll(me,entrycomponent){
 var o=document.getElementById('allow'+entrycomponent);
 var oo=document.getElementById('function'+entrycomponent);
 if(!(me.checked))
  o.checked=false;
  
 
}
function enablePrivilege(me,entrycomponent){
 var o=document.getElementById('entry'+entrycomponent);
 if(me.checked)o.checked=true;

}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="10">
  <s:form action="%{#parameters.action}/savePrivileges">
   <s:hidden name="id" label="ID" />
   <s:hidden name="obj.id" label="ID" />

   <div id="tab1"></div>
   
   
   <input type="submit" class="button"
    value="<s:text name='General.Button.submit'/>" />
   <input type="button" class="button"
    value="<s:text name='General.Button.return'/>"
    onClick="javascript: history.go(-1);" />
    
    
  </s:form>
  
  
 </body>
</html>
2.问题解决，但是现出现两个按钮，然后出现整个页面和两个按钮。以为是Ext的问题，因为将Ext.onReady()放到body最后面也是这个效果。后来又发现可以这样做，就完美解决了。

 

<%
    request.setAttribute("decorator", "none");
    response.setHeader("Cache-Control","no-cache"); //HTTP 1.1
    response.setHeader("Pragma","no-cache"); //HTTP 1.0
    response.setDateHeader ("Expires", 0); //prevents caching at the proxy server
%>
<%@page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="w" tagdir="/WEB-INF/tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <link rel="stylesheet" type="text/css"
  href="../AjaxExt/resources/css/ext-all.css" />
 <link rel="stylesheet" type="text/css"
  href="../AjaxExt/resources/css/button.css" />
 <link rel="stylesheet" type="text/css"
  href="../AjaxExt/resources/workbench.css" />
 <script type="text/javascript" src="../AjaxExt/adapter/ext/ext-base-debug.js"></script>
 <script type="text/javascript" src="../AjaxExt/ext-all-debug.js"></script>
 
<title>View <s:text name="#parameters.action" /></title>
<script type="text/javascript">
function a (){
       var tabs = new Ext.TabPanel({
        renderTo: "tab1",
          width:800,
           activeTab: 0,
        deferredRender: false,  
           height:400,
           bufferResize:true,
           monitorResize:true,
           bodyStyle:'background-color:#3CA9C4;padding-top:5px;padding-left:1px;',
           enableTabScroll:true
       });
       var tabcontent;
       <s:if test="allModules.size > 0">
       <s:iterator value="allModules" id="obj">
        <s:if test="#obj.components.size > 0">
          var subTabs = new Ext.TabPanel({
                 width:598,
                 activeTab: 0,
                 deferredRender: false,
                 height:200,
               //  title:'<s:property value="#obj.moduleName" />',
                 title:'<s:property value="#obj.i18N" />',
                 enableTabScroll:true,
                 autoScroll : true
             });
      <s:iterator value="#obj.components" id="comp">
       <s:if test="#comp.id in entryComponent">
        var functions=''+"<input type=checkbox id=entry<s:property value="#comp.id" />  οnclick=\"disableAll(this,'<s:property value="#comp.id" />'); \"  checked=\"checked\" name=componentList value='<s:property value="#comp.id" />'><s:text name="Entity.Role.privilege.enterComponent"/> ";
       
       </s:if>
          <s:if test="#comp.id not in entryComponent">
       var functions=''+"<input type=checkbox id=entry<s:property value="#comp.id" />  οnclick=\"disableAll(this,'<s:property value="#comp.id" />'); \"  name=componentList value='<s:property value="#comp.id" />'> <s:text name="Entity.Role.privilege.enterComponent"/> ";

      </s:if >
     <s:if test="#comp.id in entryAllowAll">
           
         functions=functions+"<input type=checkbox οnclick=\"enableEntry(this,'<s:property value="#comp.id" />'); \" id=allow<s:property value="#comp.id" /> checked=\"checked\" name=componentAllowAll value='<s:property value="#comp.id" />'><s:text name="Entity.Role.privilege.allowAllFunction"/> <br><br>";

     </s:if >
     <s:if test="#comp.id not in entryAllowAll">
        functions=functions+"<input type=checkbox οnclick=\"enableEntry(this,'<s:property value="#comp.id" />'); \" id=allow<s:property value="#comp.id" /> name=componentAllowAll value='<s:property value="#comp.id" />'><s:text name="Entity.Role.privilege.allowAllFunction"/>  <br><br>";

     </s:if >
     
     
     
     
     <s:if test="#comp.functionList.size > 0">
       <s:if test="#comp.id in entryAllowAll">
         functions=functions+"<div id=function<s:property value="#comp.id" /> style=\"visibility:visible;\"><s:text name="Entity.Role.privilege.setFunctionPoints"/><br>";
      </s:if> 
      <s:if test="#comp.id not in entryAllowAll">
         functions=functions+"<div id=function<s:property value="#comp.id" /> style=\"visibility:visible;\"><s:text name="Entity.Role.privilege.setFunctionPoints"/><br>";
      </s:if >
      
        <s:iterator value="#comp.functionList" id="func" status="st">
           <s:if test="#func.id in roleFunctionNames">
            functions=functions+"<input type=checkbox name=functionList  οnclick=\"enablePrivilege(this,'<s:property value="#comp.id" />','<s:property value="#func.id" />'); \"     id=allow<s:property value="#comp.id" /><s:property value="#func.id" />  checked=\"checked\"  value='<s:property value="#func.id" />'>"+'<s:text name="Function.%{#func.id}" />'+'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
         </s:if>
         <s:if test="#func.id not in roleFunctionNames">
          functions=functions+"<input type=checkbox name=functionList  οnclick=\"enablePrivilege(this,'<s:property value="#comp.id" />','<s:property value="#func.id" />'); \"     id=allow<s:property value="#comp.id" /><s:property value="#func.id" />  value='<s:property value="#func.id" />'>"+'<s:text name="Function.%{#func.id}" />'+'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
         </s:if >
         <s:if test="#st.count%1==0">
           functions=functions+"<br>";
         </s:if >
         </s:iterator>
          functions=functions+"</div>";
     
     </s:if >
     
     subTabs.add({title:'<s:property value="#comp.i18N" />', autoScroll : true,autoShow:false,html:functions}).show();
      </s:iterator>  
         tabs.add(subTabs).show();

        </s:if>
        
        
        
        
       <s:else >
       tabs.add({title:'<s:property value="obj.i18N" />'}).show();
      
    </s:else>
    </s:iterator>
         
       </s:if>
       <s:else>
       </s:else>
     tabs.setActiveTab(0);
  };

function enableEntry(me,entrycomponent){

 var oo=document.getElementById('function'+entrycomponent);
 var ooo=oo.getElementsByTagName('INPUT');
 
 
 if(me.checked){
  if(oo!=null){
  oo.style.visibility='visible';
  }
  if(ooo!=null){
    for(i=0;i<ooo.length;i++){
       if(!ooo[i].checked)
      ooo[i].checked = true;
    }
  
  }
  
 }else{
  if(oo!=null)oo.style.visibility='visible';
  if(ooo!=null){
    for(i=0;i<ooo.length;i++){
       if(ooo[i].checked)
      ooo[i].checked = false;
    }
  
  }
 }
 
 
}

function disableAll(me,entrycomponent){
 var o=document.getElementById('allow'+entrycomponent);
 var oo=document.getElementById('function'+entrycomponent);
 if(!(me.checked))
  o.checked=false;
  
 
}
function enablePrivilege(me,entrycomponent,func){
 var o=document.getElementById('allow'+entrycomponent);
 var oo = document.getElementById('allow'+entrycomponent+func);
 var ooo=document.getElementById('function'+entrycomponent).getElementsByTagName('INPUT');
 
 if(me.checked){
  if(oo!=null){
    if(!oo.checked){
     o.checked = false;
    
    }
    if(ooo!=null){
       var count = 0;
       for(i=0;i<ooo.length;i++){
         if(ooo[i].checked)
          count++;
        
        
          if(!ooo[i].checked)
         o.checked = false;
        if(count == ooo.length)
          o.checked = true; 
      }
  
    }
    
  }
  
 }else{
  if(oo!=null){
    if(!oo.checked){
     o.checked = false;
    
    }
  }
 
 
 }

}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="10">
  <s:form action="%{#parameters.action}/savePrivileges">
   <s:hidden name="id" label="ID" />
   <s:hidden name="obj.id" label="ID" />

   <div id="tab1"></div>
   
   
   <input type="submit" class="button"
    value="<s:text name='General.Button.submit'/>" />
   <input type="button" class="button"
    value="<s:text name='General.Button.return'/>"
    onClick="javascript: history.go(-1);" />
    
    
  </s:form>
 <script type="text/javascript">
    Ext.onReady(a);
  
 </script> 
 </body>
</html>

 

3.后来发现上面的不够标准，改用window.onload()解决如下

<%
    request.setAttribute("decorator", "none");
    response.setHeader("Cache-Control","no-cache"); //HTTP 1.1
    response.setHeader("Pragma","no-cache"); //HTTP 1.0
    response.setDateHeader ("Expires", 0); //prevents caching at the proxy server
%>
<%@page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="w" tagdir="/WEB-INF/tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <link rel="stylesheet" type="text/css"
  href="../AjaxExt/resources/css/ext-all.css" />
 <link rel="stylesheet" type="text/css"
  href="../AjaxExt/resources/css/button.css" />
 <link rel="stylesheet" type="text/css"
  href="../AjaxExt/resources/workbench.css" />
 <script type="text/javascript" src="../AjaxExt/adapter/ext/ext-base-debug.js"></script>
 <script type="text/javascript" src="../AjaxExt/ext-all-debug.js"></script>
 
<title>View <s:text name="#parameters.action" /></title>
<script type="text/javascript">
window.onload = a;
function a (){
       var tabs = new Ext.TabPanel({
        renderTo: "tab1",
          width:800,
           activeTab: 0,
        deferredRender: false,  
           height:400,
           bufferResize:true,
           monitorResize:true,
           bodyStyle:'background-color:#3CA9C4;padding-top:5px;padding-left:1px;',
           enableTabScroll:true
       });
       var tabcontent;
       <s:if test="allModules.size > 0">
       <s:iterator value="allModules" id="obj">
        <s:if test="#obj.components.size > 0">
          var subTabs = new Ext.TabPanel({
                 width:598,
                 activeTab: 0,
                 deferredRender: false,
                 height:200,
               //  title:'<s:property value="#obj.moduleName" />',
                 title:'<s:property value="#obj.i18N" />',
                 enableTabScroll:true,
                 autoScroll : true
             });
      <s:iterator value="#obj.components" id="comp">
       <s:if test="#comp.id in entryComponent">
        var functions=''+"<input type=checkbox id=entry<s:property value="#comp.id" />  οnclick=\"disableAll(this,'<s:property value="#comp.id" />'); \"  checked=\"checked\" name=componentList value='<s:property value="#comp.id" />'><s:text name="Entity.Role.privilege.enterComponent"/> ";
       
       </s:if>
          <s:if test="#comp.id not in entryComponent">
       var functions=''+"<input type=checkbox id=entry<s:property value="#comp.id" />  οnclick=\"disableAll(this,'<s:property value="#comp.id" />'); \"  name=componentList value='<s:property value="#comp.id" />'> <s:text name="Entity.Role.privilege.enterComponent"/> ";

      </s:if >
     <s:if test="#comp.id in entryAllowAll">
           
         functions=functions+"<input type=checkbox οnclick=\"enableEntry(this,'<s:property value="#comp.id" />'); \" id=allow<s:property value="#comp.id" /> checked=\"checked\" name=componentAllowAll value='<s:property value="#comp.id" />'><s:text name="Entity.Role.privilege.allowAllFunction"/> <br><br>";

     </s:if >
     <s:if test="#comp.id not in entryAllowAll">
        functions=functions+"<input type=checkbox οnclick=\"enableEntry(this,'<s:property value="#comp.id" />'); \" id=allow<s:property value="#comp.id" /> name=componentAllowAll value='<s:property value="#comp.id" />'><s:text name="Entity.Role.privilege.allowAllFunction"/>  <br><br>";

     </s:if >
     
     
     
     
     <s:if test="#comp.functionList.size > 0">
       <s:if test="#comp.id in entryAllowAll">
         functions=functions+"<div id=function<s:property value="#comp.id" /> style=\"visibility:visible;\"><s:text name="Entity.Role.privilege.setFunctionPoints"/><br>";
      </s:if> 
      <s:if test="#comp.id not in entryAllowAll">
         functions=functions+"<div id=function<s:property value="#comp.id" /> style=\"visibility:visible;\"><s:text name="Entity.Role.privilege.setFunctionPoints"/><br>";
      </s:if >
      
        <s:iterator value="#comp.functionList" id="func" status="st">
           <s:if test="#func.id in roleFunctionNames">
            functions=functions+"<input type=checkbox name=functionList  οnclick=\"enablePrivilege(this,'<s:property value="#comp.id" />','<s:property value="#func.id" />'); \"     id=allow<s:property value="#comp.id" /><s:property value="#func.id" />  checked=\"checked\"  value='<s:property value="#func.id" />'>"+'<s:text name="Function.%{#func.id}" />'+'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
         </s:if>
         <s:if test="#func.id not in roleFunctionNames">
          functions=functions+"<input type=checkbox name=functionList  οnclick=\"enablePrivilege(this,'<s:property value="#comp.id" />','<s:property value="#func.id" />'); \"     id=allow<s:property value="#comp.id" /><s:property value="#func.id" />  value='<s:property value="#func.id" />'>"+'<s:text name="Function.%{#func.id}" />'+'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
         </s:if >
         <s:if test="#st.count%1==0">
           functions=functions+"<br>";
         </s:if >
         </s:iterator>
          functions=functions+"</div>";
     
     </s:if >
     
     subTabs.add({title:'<s:property value="#comp.i18N" />', autoScroll : true,autoShow:false,html:functions}).show();
      </s:iterator>  
         tabs.add(subTabs).show();

        </s:if>
        
        
        
        
       <s:else >
       tabs.add({title:'<s:property value="obj.i18N" />'}).show();
      
    </s:else>
    </s:iterator>
         
       </s:if>
       <s:else>
       </s:else>
     tabs.setActiveTab(0);
  };

function enableEntry(me,entrycomponent){

 var oo=document.getElementById('function'+entrycomponent);
 var ooo=oo.getElementsByTagName('INPUT');
 
 
 if(me.checked){
  if(oo!=null){
  oo.style.visibility='visible';
  }
  if(ooo!=null){
    for(i=0;i<ooo.length;i++){
       if(!ooo[i].checked)
      ooo[i].checked = true;
    }
  
  }
  
 }else{
  if(oo!=null)oo.style.visibility='visible';
  if(ooo!=null){
    for(i=0;i<ooo.length;i++){
       if(ooo[i].checked)
      ooo[i].checked = false;
    }
  
  }
 }
 
 
}

function disableAll(me,entrycomponent){
 var o=document.getElementById('allow'+entrycomponent);
 var oo=document.getElementById('function'+entrycomponent);
 if(!(me.checked))
  o.checked=false;
  
 
}
function enablePrivilege(me,entrycomponent,func){
 var o=document.getElementById('allow'+entrycomponent);
 var oo = document.getElementById('allow'+entrycomponent+func);
 var ooo=document.getElementById('function'+entrycomponent).getElementsByTagName('INPUT');
 
 if(me.checked){
  if(oo!=null){
    if(!oo.checked){
     o.checked = false;
    
    }
    if(ooo!=null){
       var count = 0;
       for(i=0;i<ooo.length;i++){
         if(ooo[i].checked)
          count++;
        
        
          if(!ooo[i].checked)
         o.checked = false;
        if(count == ooo.length)
          o.checked = true; 
      }
  
    }
    
  }
  
 }else{
  if(oo!=null){
    if(!oo.checked){
     o.checked = false;
    
    }
  }
 
 
 }

}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="10">
  <s:form action="%{#parameters.action}/savePrivileges">
   <s:hidden name="id" label="ID" />
   <s:hidden name="obj.id" label="ID" />

   <div id="tab1"></div>
   
   
   <input type="submit" class="button"
    value="<s:text name='General.Button.submit'/>" />
   <input type="button" class="button"
    value="<s:text name='General.Button.return'/>"
    onClick="javascript: history.go(-1);" />
    
    
  </s:form>
 
 </body>
</html>


 

iteye_819
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现
10-29
它模仿了Ext.js库中的`Ext.onReady`功能，确保在页面DOM完全加载后执行指定的函数，即`GOOGLEResize`。 1. **IE的检测与处理**： 在IE浏览器中，代码通过检查`navigator.userAgent`来识别版本，并利用`...
Ext介绍以及_ext页面布局
08-08
在创建ExtJS应用时，一个常见的入门示例是使用`Ext.onReady`函数来确保DOM加载完成后执行代码。例如，弹出一个消息框： ```javascript Ext.onReady(function() { Ext.MessageBox.alert("hello", "wayfoon"); }); `...
Ext.onReady and onLoad
JavaEE架构与开发
01-14 320
In ExtJs 2.1 before it comes executed onload and then Ext.onReadyIn ExtJs 2.2 before it comes executed Ext.onReady and then onload
Ext.onReady
IT技术交流
09-12 202
Ext.onReady(Function fn, Object scope, Boolean override) 这个方法将在内面加载完成之后执行。它相当于window.onload方法。 它是Ext.EventManager.onDocumentReady的缩写版。 这个方法有三个参数： 第一个参数：是页面加载完成之后要执行的函数。 例：function test(){ ...
ExtJS onReady引发的浏览器对页面的加载过程
weixin_34352449的博客
11-27 290
页面加载完成后，Ext.onReady 事件被触发。 那到底，这个页面加载包括哪些东西？ （如果你还能找到这个：http://zhidao.baidu.com/question/161113033.html） 或者直接到http://docs.sencha.com/ext-js/3-4/#!/api去看API对onReady的说明 Ext.onReady(Functi...
ExtJS莫名其妙的不执行
baiyangliu
10-09 142
不知大家是否遇到过这种状况，js代码明明写的是正确的，可是代码就是不执行；有时候，代码虽然是执行了，但是明显感觉显示的效果不对，刷新下就好了。这种情况，通常是由于一个小疏忽导致的，那就是忘了等待ExtJS加载完毕，正确的写法为： &lt;script language="javascript"&gt; Ext.onReady(function() { alert("Hello!"); ...
Ext.onReady详解
Eric的专栏
10-17 1010
我们知道，只有在Ext框架全部加载完后才能在客户端的代码中使用Ext，而Ext的onReady正是用来注册在Ext框架及页面的html代码加载完后，所要执行的函数。     调用onReady方法时可以带三个参数，  第一个参数是必须的，表示要执行的函数或匿名函数， 第二参数表示函数的作用域， 第三个参数表示函数执行的一些其它特性，比如延迟多少毫秒执行等，大多数情况下只需要
Ext4 动态加载js例子
06-12
在你的应用中，通常会在 `Ext.application` 或 `Ext.onReady` 中设置 `Ext.Loader` 的配置项，例如设置路径映射、启用动态加载等： ```javascript Ext.application({ name: 'MyApp', requires: ['Ext.Loader'], ...
ext监听事件方法[初级篇]
09-06
在上述代码中，`Ext.onReady` 是EXT JS中的一个全局函数，它确保在DOM完全加载后才执行包含的函数，这是编写任何DOM操作的最佳实践。`Ext.get` 方法则是用来获取页面中指定ID的元素，类似于jQuery的`$("#elementId")...
Ext javascript建立超链接，进行事件处理的实现方法
10-30
Ext.onReady(function() { var root = new Ext.tree.TreeNode({ id: 1, text: "linjq" }); var c1 = new Ext.tree.TreeNode({ text: "child 1" }); root.appendChild(c1); root.appendChild(new Ext....
uni-app子组件onLoad、onReady事件无效
最新发布
qq_42516774的博客
08-29 3408
经过一番尝试后还是不行，看文档发现uni-app 支持的页面生命周期函数是包含onLoad的，但有时却不起作用。使用uniapp开发组件时用到页面初始化参数，于是在封装的子组件上写了onload方法，发现始终无法调用。开发项目，页面上的onLoad，onReady方法是可以起作用的，但是组件中使用却没有起作用。在uni-app的组件中可以直接使用Vue的生命周期函数对逻辑进行处理。最终将onLoad，onReady换成mounted解决了问题。这是因为组件中并不能使用页面生命周期函数。
解决iframe框架onload方法不加载的问题
baidu_27996063的博客
10-28 1万+
我在做项目的时候，遇到一个情景当时是替换iframe,设置里面input内容。而我设置input内容是要放到iframe的onload事件里，我本地调试没有问题，放到服务器就出现input框内容获取不到，后来找来找去，找到原因是iframe刚开始加载的时候才会调用onload事件，原因找到了然后就是解决方法。我是这样解决的，首先创建div,div里面包括iframe。 在通过jquery的方法l
微信小程序__wxConfig.onReady is not a function报错
Cvory
04-08 1787
问题如标题 原因：工具版本问题 好像是2.10.2独有的问题 我改成2.10.4就没有报错了
onready和onload的区别
热门推荐
dianzijinglin的博客
08-18 2万+
1.onready比onload先执行 执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 2.onload只执行最后一个而onready可以执行多个。 编写个数不同 window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一
ext js Ext.onReady()的用法
weixin_30924239的博客
01-08 581
问题：先自定义一个函数f(),在通过Ext.onReady(f())方式来调用。 看书上写的是： <script language="javascript">function f(){Ext.Msg.show({ title:'Hello', msg:'Have you seen my heart?', bu...
对天乙社区bbscs8实现的详细分析四
星星的金币的专栏
08-07 136
在分析三，我们已经分析出jsp页面如何通过struts2的标签与action配合，将数据在表示层传递(set/get),并且把主要的开始流程给分析完了。这里我们将前台的主要请求大致分析一下：从导航部分开始，对于社区首页in.bbscs我们已经讲过，它这里只不过是将框架的target=mainForm以便从任何位置转到首页!进入个人中心，点击修改签名，触发了signSet.bbscs: &lt;ac...
Extjs页面加载非常慢的处理
不是一蹴而就，而是一始而终
05-02 6553
使用了Extjs，自己本机测试开发没有问题，但是到客户端部署时，部分页面加载异常的慢，迟迟不出来啊（真是 千呼万唤始出来，犹抱琵琶半遮面啊）。 我这是因为Extjs默认要联网下载部分控件图片，所以没有联网时，它在尝试网络连接下载图片，所以非常慢。 处理是：在页面加载时，告诉它东西已经有了，在某某位置。 即    在Ext.onReady(function(){... ... ...}里面的前

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值