easyui获取一行数据和修改data-options的值
<table id="tab" class="easyui-datagrid" style="width: 100%; height: 500px"
data-options="url:'JZ.ashx?can=0',onClickRow: onClickRow,
singleSelect:true,fit:true,pagination:true,pageSize:,rownumbers:true
">
</table>
function onClickRow(rowdata) {
var row = $('#tab').datagrid('getSelected');
if (row) {
var cc = row.ZONG;
cc = parseFloat(cc);
cc = cc.toFixed();
$('#Text1').val(cc);
cc = cc / 254.77;
$('#Text2').val(cc.toFixed());
}
}
问题一:如何将easyui的west面板上的收缩箭头隐藏?
如图效果:
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问题小结 .不指定west面板的title属性就得到上一张图的效果:
<div data-options="region:'west'" style="width:200px;"></div>
easyui问题小结 .在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;
easyui获取一行数据和修改data-options的值的更多相关文章
- JavaScript onclick传递对象参数(easyui传递一行数据时)错误:uncaught SyntaxError: Unexpected identifier
JavaScript onclick传递对象参数(easyui传递一行数据时)错误:uncaught SyntaxError: Unexpected identifier 博主遇到的是用onclick ...
- SQLite随机获取一行数据
Mysql中随机获取一行数据: SELECT * FROM table ORDER BY RAND() limit 1 SQLite中随机获取一行数据: SELECT * FROM table ORD ...
- element-UI中table表格的row-click事件怎么获取一行数据的id
<el-table :data="tableData" style="width: 100%" @row-click="openDetails( ...
- rest-assured之获取响应数据(Getting Response Data)
我们使用rest-assured可以获得响应内容,比如:我们发起一个get请求 get("/lotto") 并且获得响应内容,我们有多种方式可以实现: // 通过流的方式获得响应内 ...
- easy ui datagrid 中getSelections方法只能获取一行数据
解决方案:设置 idField : "", // 设置标识
- vue手写的轮播图片,解决已经修改data中的值,页面标签已绑定,但页面没效果
1.效果 2.index.html <!DOCTYPE html> <html lang="en"> <link> <meta chars ...
- EasyUI获取DataGrid中某一列的所有值
function count() { var rows = $('#dg'').datagrid('getRows')//获取当前页的数据行 var total = 0; for (var i = 0 ...
- 通过json_set函数,来修改data字段的值
SELECT REPLACE(json_extract(param,'$.payFundAcc'),'"','') from t_external_trade_event where sta ...
- 操作DataTable数据,修改某列的值
DataTable table : DataRow row=table.Rows[i];//DataTable的第i行 row.BeginEdit();//开始编辑行 row["column ...
随机推荐
- 使用Apache Felix Remote Shell远程管理OSGI
通过Apache Felix Remote Shell提供的org.apache.felix.shell.remote能使用telnet客户端访问远程的[Apache Felix Shell]和[Ap ...
- 10. Android框架和工具之 AppMsg(消息提示)
1. AppMsg 优雅的弹出类似Toast的消息提示,支持3种状态Alert(警告),Confirm(确认)以及Info(消息). 2. AppMsg使用: (1)AppMsg下载地址 ...
- 【Mood-10】每个程序员都应该读的30本书
“如果能时光倒流,回到过去,作为一个开发人员,你可以告诉自己在职业生涯初期应该读一本,你会选择哪本书呢?我希望这个书单列表内容丰富,可以涵盖很多东西.” 很多程序员响应,他们在推荐时也写下自己的评语. ...
- 重构7-Rename(method,class,parameter)
这是我最常用也是最有用的重构之一.我们对方法/类/参数的命名往往不那么合适,以至于误导阅读者对于方法/类/参数功能的理解.这会造成阅读者的主观臆断,甚至引入bug.这个重构看起来简单,但却十分重要. ...
- ASP.NET FormsAuthentication跨站点登录时绝对地址返回的问题
关键字:FormsAuthentication, loginUrl, ReturnUrl, AbsoluteUri 在ASP.NET应用程序中,FormsAuthentication几乎是标配,但Fo ...
- 限额类费用报销单N+1原则
--添加通过自定义档案列表编码及档案编码查询主键 select bd_defdoc.pk_defdoc as defdoc --查询限额类费用类型主键 from bd_defdoc, bd_defdo ...
- SQL Server 添加登录账户配置权限
一.新建登录名 1. 在登录名右侧的文本框中输入新建的管理员账号名称:2. 一对单选按钮组中,选择Sql Server 身份验证,并输入登录密码:3. 勾选强制实施密码策略复选框:(密码策略一般是指加 ...
- 一个页面多Table多分页的问题
一个页面有多个table,多个pagination,一个pagerForm.这种情况下怎么解决多个pagination不同pagenum的问题呢? 如果是这样的滴话,使用局部刷新就可以了,两个tabl ...
- JSON介绍与JavaScript解析
首先什么是JSON? JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation) JSON 是轻量级的文本数据交换格式 JSON 独立于语言 JSON ...
- Windows优化大师最新版 V7.99 Build 12.604发布
本文由 www.169it.com 收集整理 Windows优化大师是一款功能强大的系统工具软件,它提供了全面有效且简便安全的系统检测.系统优化.系统清理.系统维护四大功能模块及数个附加的工具软件.使 ...