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 ...
随机推荐
- Hadoop学习笔记(1) ——菜鸟入门
Hadoop学习笔记(1) ——菜鸟入门 Hadoop是什么?先问一下百度吧: [百度百科]一个分布式系统基础架构,由Apache基金会所开发.用户可以在不了解分布式底层细节的情况下,开发分布式程序. ...
- ubuntu 12.10安装VIM
使用命令:sudo apt-get install vim vim-gtk 可能安装时出错,可用下面更新系统,再执行上面的安装命令. 更新:sudo apt-get update
- iphone 手机屏幕和UIView和UIWindowde 的主要的区别
在iPhone5之前的iphone1,2,3,3s,4,4s都是320x480 iPhone5和5s的屏幕是320x568 iphone6的屏幕是375x667 iPhone6Plus的414x736 ...
- 精通CSS高级Web标准解决方案(1-1选择器)
设计代码的结构 使用有意义的标记 css可以控制页面的外观并将表现与内容分隔开. 在分配ID与类名时尽量保证有意义且与表现无关. div可以对块级元素进行分组,而span可以对行内元素进行分组或标识. ...
- ReactNative学习-滑动查看图片第三方组件react-native-swiper
滑动查看图片第三方组件:react-native-swiper,现在的版本为:1.4.3,该版本还不支持Android. 下面介绍的是该组件的一些用法,可能总结的不完整,希望大家一起来共同完善. 官方 ...
- 剑指Offer11 在O(1)内删除链表结点
/************************************************************************* > File Name: 11_Delete ...
- lua定时器与定时任务的接口设计
在所有的服务器编程当中,定时任务永远是一个不可或缺的需求.最直接的需求就是,每天凌晨0点0分的时候总是有一大堆的各种精力重置.怎么来设计这个接口呢,想了几个方案: 每秒触发 每分钟触发 每整点触发 每 ...
- jquery实现多行文字图片滚动效果
今儿分享一个jquery实现多行滚动效果. 我看一些论坛网站上面,公告处用的较多. 代码如下 复制代码 // 多行滚动(function($){$.fn.extend({Scroll:function ...
- oracle删除字段时候判断字段是否存在
declare v_count number; begin ) into v_count from all_tab_columns a where a.TABLE_NAME = 'XXX1' and ...
- 获取字符串对应的MD5值 (AL16UTF16LE)
CREATE OR REPLACE FUNCTION fn_md5_utf16le (InputString IN VARCHAR2) RETURN VARCHAR2 IS retval ); /** ...