easyui问题小结

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

如图效果:


做法:

<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>

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

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

 
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面板中任何一个面板失去这个标题显示横条?


待处理图:


做法:

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


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

 

问题三;如何显示一个filedSet?


效果如图:

做法:使用<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直接写上即可。

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

效果图如下:

代码:

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

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

效果:

代码:

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

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

panelHeight: ‘auto‘

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

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

时间: 2024-10-06 19:42:28

easyui问题小结的相关文章

EasyUI问题小结(不定期更新&#183;&#183;&#183;&#183;&#183;&#183;&#183;)

项目中用到了EasyUI,本人以前也没用过,故记录下来开发过程中遇到的一些问题. 1.combobox取值赋值的问题 取值: $("#comID").combobox('getValue'); 赋值: $.post('url',data,function(result){ $("#comID").combobox({  data:result, valueFiled:'id', textFiled:'text',editable:false, }); }) 2.Da

XXX系统开发小结(SSH+Jquery EasyUI)

一.项目总体介绍 前一段时间的工作中,笔者大概用了两三个月开发了一个Web管理信息系统,使用的框架集为Struts2.3.1+Spring3.0+Hibernate3+Jquery EasyUI1.3.5,系统业务逻辑并不复杂,完成数据的采集(以问卷的形式).计算处理和形成报告发布.EasyUI是一个很优秀的JS UI框架,使用简单方便,效果也还可以,是UI效果和带宽速度之间的一个折中之选.系统中还有新闻发布模块,用到了富文本编辑器,在比较了很多插件之后,选择了kindeditor,原因很简单,

构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(28)-系统小结

我们从第一节搭建框架开始直到二十七节,权限管理已经告一段落,相信很多有跟上来的园友,已经搭配完成了,并能从模块创建授权分配和开发功能了 我没有发布所有源代码,但在14节发布了最后的一次源代码,之后的文章代码是完整的. 注:以后不会发布打包的源代码,我发布文章是献给想学习MVC的朋友,并不是共享结果的源代码,请大家不要再找我要 我们采用VS2012+MVC4+EF5+Unity(IOC)+EasyUI1.3.2(支持IE8),虽然不是最新的,但却是最成熟的, 我们回顾一下历程,共完成大小十几个功能

easyui的datagrid分页写法小结

easyui的datagrid分页死活不起作用...沙雕了...不说了上代码 1 //关闭tab1打开tab2 查询Detail 2 function refundDetail(){ 3 $('#tt').tabs('select', "Detail Information");//subtitle为选项卡的标题 4 //发起ajax请求,查询退款detail 5 var dayendDate = $("#dayendDate").val(); 6 var term

jquery easyui treegrid使用小结

在实际应用中可能会碰到不同的需求,比如会根据每行不同的参数或属性设置来设置同列不同的editor类型,这时原有的例子就显的有点太过简单,不能实现我们的需求,现在应用我在项目中的操作为例,显示下实现同列不同操作的情况:(在这,我把例子的情况完全整合到了js里面配置实现,如有习惯于js实现方式的也可参考) html: <table id="comTypeAndPropertyTree"></table>//个人觉得这样更显的页面清晰,所有的配置都放到js里实现 js

jquery easyui treegrid使用小结 二

在实际应用中可能会碰到不同的需求,比如会根据每行不同的参数或属性设置来设置同列不同的editor类型,这时原有的例子就显的有点太过简单,不能实现我们的需求,现在应用我在项目中的操作为例,显示下实现同列不同操作的情况:(在这,我把例子的情况完全整合到了js里面配置实现,如有习惯于js实现方式的也可参考) html: <table id="comTypeAndPropertyTree"></table>//个人觉得这样更显的页面清晰,所有的配置都放到js里实现 js

构建ASP.NET MVC5+EF6+EasyUI 1.5+Unity4.x注入的后台管理系统(1)-前言与目录(持续更新中...)

前言: 起初写这个框架的时候,可以说在当时来说并不是很流行的设计模式,那是在2012年,面向对象的编程大家都很熟悉, 但是“注入.控制反转(DI,IOC,依赖注入).AOP切面编程”新兴名词 很多人并不知道特别是从事.NET开发的人,至少在当时 是这么样的,但是在今天它们却是非常流行的技术指标,很多大牛也承认,这是主流的开发模式,你们可以从招聘网的技术岗位看出. 我从事过MVC2.0到5.0的相关开发工作,见证了MVC的成熟演变过程,就像本框架一样,设计模式未曾改变,但是代码一直在重 构.我也坚

校园视频管理系统第一次小结

总算是第一次结束了,今天的验收大会上.尽管系统还是有很多的BUG,但是终归是一个学习的过程.第一次考摸索着,运用敏捷开发的思想来开启一个新的路程,回头想想这一个会,还是觉得收获满满的. 技术 通过EF,MVC,WCF,和底层的一些方法,Linq的运用,初步的了解了分布式的学习,虽然代码真的是比以前的简单三层复杂了很多,但是只有在真正的运用中,才能体会到他的强大. EF和LinQ语句,将数据库和实体的关系完美像结合,可以在实体中任意利用主外键的关系,非常完美的实现多表的操作.如下 var resu

【EasyUi】页面设计必学之Layout

接触EasyUi也快一年了,很多时候都把重心放在实现功能方面,要显示大量数据了就用DataGrid,要实现分页效果了就想着Tabs,如此等等,再接下来就是考虑CSS.js如何让这个功能实现的更好.我很少去看其它"无关"功能的东西,每次总以没时间为由推迟对这些知识的了解.或者觉得这些东西太简单遇到了看帮助文档就成.然而一年了,我只用过粘贴过来的Layout,在自己设计页面的时候都是用margin代替,这么简单又实用的东西,你是否也忽略了? 一.简介Layout Layout俗称布局面版,