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="width: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;

转载于:https://www.cnblogs.com/jpfss/p/7337958.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值