1. <table id="tab" class="easyui-datagrid" style="width: 100%; height: 500px"
  2.                         data-options="url:'JZ.ashx?can=0',onClickRow: onClickRow,
  3.                 singleSelect:true,fit:true,pagination:true,pageSize:,rownumbers:true
  4.             ">
  5. </table>
  1. function onClickRow(rowdata) {
  2.             var row = $('#tab').datagrid('getSelected');
  3.             if (row) {
  4.                 var cc = row.ZONG;
  5.                 cc = parseFloat(cc);
  6.                 cc = cc.toFixed();
  7.                 $('#Text1').val(cc);
  8.                 cc = cc / 254.77;
  9.                 $('#Text2').val(cc.toFixed());
  10.             }
  11.         }
  1. 问题一：如何将easyui的west面板上的收缩箭头隐藏？
  2. 如图效果:
  3. easyui问题小结
  4.  
  5. 做法：
  6.     <div data-options="region:'west'" style="width:200px;">
  7.         <div class="easyui-panel" data-options="title:'功能导航',border:false,fit:true">
  8.             <div class="easyui-accordion" data-options="fit:true,border:false">
  9.                 <div title="系统菜单" data-options="iconCls:'icon-save'">
  10. <ul class="easyui-tree" data-options=
  11. "url:'${pageContext.request.contextPath}/menuAction!allTreeNode.action',
  12. parentField:'pid',lines:true,onClick:function(node){
  13.                    var url = '${pageContext.request.contextPath}'+node.attributes.url;
  14.                   addTab({title:node.text,href:url});}">
  15.               </ul>
  16.                 </div>
  17.             </div>
  18.         </div>
  19. </div>
  20.   easyui问题小结
  21.  
  22.    .不指定west面板的title属性就得到上一张图的效果：
  23.     <div data-options="region:'west'" style="width:200px;"></div>
  24.  easyui问题小结
  25.  
  26.   .在west面板内增加一个panel面板来实现west面板的相似界面，从而影藏了箭头：title属性给panel写上即可；
  27.  border:false让边框变窄，fit:true让面板自适应窗口变化；所得界面如上图：
  28.     <div data-options="region:'west'" style="width:200px;">
  29.         <div class="easyui-panel" data-options="title:'功能导航',border:false,fit:true">
  30.         </div>
  31.     </div>
  32. layout小扩展:设置是否显示region的收缩按钮
  33. http://www.easyui.info/archives/1279.html
  34.  
  35. 问题二：如何让layout面板中任何一个面板失去这个标题显示横条？
  36. 待处理图：
  37.  easyui问题小结
  38.  
  39. 做法：
  40. <div data-options="region:'east'" style="height:60px;"></div>
  41. 不指定面板的title属性即可；
  42.  
  43. 问题三;如何显示一个filedSet？
  44. 效果如图：
  45.  easyui问题小结
  46.  
  47. 做法：使用<fieldset>标签
  48.       <form id="user_login_loginForm" method="post">
  49.        <fieldset>
  50.         <legend>用户登录</legend>
  51.        <table>
  52.  <tr><</th>用户名</th><</td><input name="name" class="easyui-validatebox"
  53.          data-options="required:true,missingMessage:'用户名为必填项'"/></>td></</tr>
  54.             <tr></th>密码<th><td><input name="pwd" type="password"  class="easyui-validatebox"
  55.                    data-options="required:true,missingMessage:'密码为必填项'"/></td></</tr>
  56.        </table>
  57.       </fieldset>
  58.      </form>
  59. 问题四：点击tree节点通过panel的href属性在center中载入一个页面?
  60.   注意：panel的href属性引入的页面内容只能为该 jsp页面<body>标签内的内容，所以引入页面就不要写其它标签了，直接写需要的代码片段。Javascript直接写上即可。
  61. 问题五:如何画一条虚线？
  62.  效果图如下：
  63.  
  64. easyui问题小结
  65. 代码：
  66. <div style="width:380px; border-top:1px silver dashed;border-color:#99BBE8;"></div>
  67. 问题六：如何动态改变center面板下data-options中的title属性的值？
  68. 效果：
  69. easyui问题小结
  70.  
  71. 代码：
  72.  $('#index_layout').layout('panel','center').panel('setTitle','当前位置》'+options.title);
  73.  
  74. 问题七：如何让combobox高度自适应：
  75.   panelHeight: 'auto'
  76.  
  77. 问题八：获取data-option的宽度:
  78.  $('#index_layout').layout('panel','east').panel("options").width;

easyui获取一行数据和修改data-options的值的更多相关文章

  1. JavaScript onclick传递对象参数（easyui传递一行数据时）错误：uncaught SyntaxError: Unexpected identifier

    JavaScript onclick传递对象参数(easyui传递一行数据时)错误:uncaught SyntaxError: Unexpected identifier 博主遇到的是用onclick ...

  2. SQLite随机获取一行数据

    Mysql中随机获取一行数据: SELECT * FROM table ORDER BY RAND() limit 1 SQLite中随机获取一行数据: SELECT * FROM table ORD ...

  3. element-UI中table表格的row-click事件怎么获取一行数据的id

    <el-table :data="tableData" style="width: 100%" @row-click="openDetails( ...

  4. rest-assured之获取响应数据(Getting Response Data)

    我们使用rest-assured可以获得响应内容,比如:我们发起一个get请求 get("/lotto") 并且获得响应内容,我们有多种方式可以实现: // 通过流的方式获得响应内 ...

  5. easy ui datagrid 中getSelections方法只能获取一行数据

    解决方案:设置  idField : "", // 设置标识

  6. vue手写的轮播图片，解决已经修改data中的值，页面标签已绑定，但页面没效果

    1.效果 2.index.html <!DOCTYPE html> <html lang="en"> <link> <meta chars ...

  7. EasyUI获取DataGrid中某一列的所有值

    function count() { var rows = $('#dg'').datagrid('getRows')//获取当前页的数据行 var total = 0; for (var i = 0 ...

  8. 通过json_set函数,来修改data字段的值

    SELECT REPLACE(json_extract(param,'$.payFundAcc'),'"','') from t_external_trade_event where sta ...

  9. 操作DataTable数据，修改某列的值

    DataTable table : DataRow row=table.Rows[i];//DataTable的第i行 row.BeginEdit();//开始编辑行 row["column ...

随机推荐

  1. Java Collection集合接口

    Collection接口是赖以集合框架建立的基础.它声明的所有集合的核心方法.这些方法概括于下表中. 因为所有集合都要实现Collection,熟悉它的方法是对框架有清晰的认识很有必要.这几种方法都可 ...

  2. Tomcat内存设置详解

    Java内存溢出详解 一.常见的Java内存溢出有以下三种: 1. java.lang.OutOfMemoryError: Java heap space ----JVM Heap(堆)溢出 JVM在 ...

  3. test命令的用法

    test命令可用于:文件属性的测试字符串测试算数测试test命令语法如下所示:test EXPRESSION或者[EXPRESSION] 示例:# test -d "$HOME"; ...

  4. tornado 信号处理

    一般情况下,对于线上的程序,我们是不能采取kill -9 来杀掉进程的 因为程序可能有未处理完的程序,如果贸然采取kill -9可能会导致数据不一致 如果需要关闭程序怎么办呢,一般情况下我们采取信号技 ...

  5. 自定义按钮设置BadgeNumber

    TabbarButton.h @interface TabbarButton : UIButton @property (nonatomic, strong) UIButton *badgeValue ...

  6. git学习之remote

    修改远程仓库:$ git remote set-url --push [name] [newUrl] git pull 的时候报错 fatal: Authentication failed for ' ...

  7. 【转载]】Microsoft SQL Server, 错误：4064的解决方法

    SQL SERVER – Fix : Error: 4064 – Cannot open user default database. Login failed. Login failed for u ...

  8. Mysql部分常用类型长度含义

    Int:一个Int类型4字节                              在sql中长度为1则代表一个Int类型的长度          有符号区分的范围:2147483647~-214 ...

  9. Part 94 Difference between Monitor and lock in C#

  10. Google Play支付校验

    关于Google Play支付校验我之前在网上也找过大量的相关资料,发现大多数都是采用publicKey的方式来校验订单,但是在Google Play提供的官方实例中publicKey其实在客户端也是 ...