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 ...
随机推荐
- 巧用FileShare解决C#读写文件时文件正由另一进程使用的bug
在使用C#进行文件读写的时候,一旦对文件操作频繁,总会碰到一些令人措手不及的意外.例如经常会碰到的一个问题: System.IO.IOException: 文件“XXX”正由另一进程使用,因此该进程无 ...
- 重构2-Move Method(方法移动)
重构同样非常简单,以至于人们并不认为这是一个有价值的重构.迁移方法(Move Method),顾名思义就是将方法迁移到合适的位置.在开始重构前,我们先看看一下代码: ) ) return 0.03; ...
- asp.net中Response对象鱼Request对象
在asp.net中Response与Request对象是两个常用的对象,虽然他们长得有点像,但是作用却是截然不同,我们来看一下他们他们都有哪些不同. 一.Response对象主要作用:像浏览器输出信息 ...
- Ubuntu16.04安装VMware Tools问题
*************************************************************************** 问题:客户机操作系统已将 CD-ROM 门锁定, ...
- Laravel-Administrator enum使用数字key
参考连接:Enum filter with numeric values 修改Fields\Enum::build()方法 $options['options'][] = array( 'id' =& ...
- 【JS Note】字符串截取
Js中字符截取常用的三个函数:slice().substring().substr(). slice(): slice(start,[end]) 第一个参数代表开始位置,第二个参数代表结束位置的下一个 ...
- 跟我学习dubbo-ZooKeeper注册中心安装(2)
注册中心 可选方案:zookeeper.Redis 1.建议使用dubbo-2.3.3以上版本的使用zookeeper注册中心客户端 2.Zookeeper是Apache Hadoop的子项目,强度相 ...
- Ubuntu 15.04 配置VPN的方法详解
源 起 不久前因为要更新AndroidSDK 和查找相关资料, 但有些方式不能墙了, 所以为了节约时间成本, 购买了为期一个月的VPN, 对方发来邮件, 提供了二十几个服务器地址, 以及一套自动生成 ...
- 说一说Android的工程目录结构
这段时间正在学习有关Android的知识,对在Eclipse下开发的Android项目的目录结构有了一定的了解,在此对目录结构做一个简单的介绍.下图是在Eclipse下Android项目展开的项目目录 ...
- dedecms5.7文章实现阅读全文功能二次开发
阅读全文功能其实在很多的流行站点都有的,比如网易,新浪等,随着文章内容的增加,当一个页面有多个分页的时候,就会显示出这个“在本页阅读全文”的链接,点击这个链接之后,出现的,将是这篇文章以没有分页出现的 ...