zoukankan      html  css  js  c++  java
  • easyui问题小结(转)

     

    问题一:如何将easyuiwest面板上的收缩箭头隐藏?

    如图效果:

    easyui问题小结

    做法:

        <div data-options="region:'west'" style="width:200px;">

            <div class="easyui-panel" data-options="title:'功能导航',border:false,fit:true">

                <div class="easyui-accordion" data-options="fit:true,border:false">

                    <div title="系统菜单" data-options="iconCls:'icon-save'">

    <ul class="easyui-tree" data-options=

    "url:'${pageContext.request.contextPath}/menuAction!allTreeNode.action',

    parentField:'pid',lines:true,onClick:function(node){

                       var url = '${pageContext.request.contextPath}'+node.attributes.url;

                      addTab({title:node.text,href:url});}">

                  </ul> 

                    </div>

                </div>

            </div>

    </div>

      easyui问题小结

       1.不指定west面板的title属性就得到上一张图的效果:

        <div data-options="region:'west'" style="width:200px;"></div>

     easyui问题小结

      2.west面板内增加一个panel面板来实现west面板的相似界面,从而影藏了箭头:title属性给panel写上即可;

     border:false让边框变窄,fit:true让面板自适应窗口变化;所得界面如上图:

        <div data-options="region:'west'" style="width:200px;">

            <div class="easyui-panel" data-options="title:'功能导航',border:false,fit:true">

            </div>

        </div>

    layout小扩展:设置是否显示region的收缩按钮

    http://www.easyui.info/archives/1279.html


    问题二:如何让layout面板中任何一个面板失去这个标题显示横条?

    待处理图:

    easyui问题小结


    做法:

    <div data-options="region:'east'" style="height:60px;"></div>

    不指定面板的title属性即可;

     

    问题三;如何显示一个filedSet

    效果如图:

     easyui问题小结

    做法:使用<fieldset>标签

          <form id="user_login_loginForm" method="post">

           <fieldset>

            <legend>用户登录</legend>

           <table>

     <tr><</th>用户名</th><</td><input name="name" class="easyui-validatebox"

             data-options="required:true,missingMessage:'用户名为必填项'"/></>td></</tr>

                <tr></th>密码<th><td><input name="pwd" type="password"  class="easyui-validatebox"

                       data-options="required:true,missingMessage:'密码为必填项'"/></td></</tr>

           </table>

          </fieldset>

         </form>

    问题四:点击tree节点通过panel的href属性在center中载入一个页面?

      注意:panel的href属性引入的页面内容只能为该 jsp页面<body>标签内的内容,所以引入页面就不要写其它标签了,直接写需要的代码片段。Javascript直接写上即可。

    问题五:如何画一条虚线?

     效果图如下:


    easyui问题小结

    代码:

    <div style="380px; border-top:1px silver dashed;border-color:#99BBE8;"></div>

    问题六:如何动态改变center面板下data-options中的title属性的值?

    效果:

    easyui问题小结

    代码:

     $('#index_layout').layout('panel','center').panel('setTitle','当前位置》'+options.title);

     

     

    问题七:如何让combobox高度自适应:

      panelHeight: 'auto'

     

    问题八:获取data-option的宽度:

     $('#index_layout').layout('panel','east').panel("options").width;

  • 相关阅读:
    Xshell安装教程及Xshell安装程序集组件时出错的解决方法
    Xshell远程连接的具体操作和Xshell多会话设置小技巧
    VMware中出现物理内存不足,无法使用配置的设置开启虚拟机解决方案
    在Scrapy中如何利用Xpath选择器从HTML中提取目标信息(两种方式)
    Sublime Text编辑器配置Python解释器简易教程
    虚拟机创建后该如何获取IP地址并访问互联网实用教程
    关于Scrapy爬虫项目运行和调试的小技巧(下篇)
    Spring的xml和注解对比
    Spring5.X的注解配置项目
    Spring的AOP快速实现通用日志打印
  • 原文地址:https://www.cnblogs.com/jpfss/p/7337958.html
Copyright © 2011-2022 走看看