<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的值的更多相关文章

  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. [xPlugins] 开发中常用富文本编辑器介绍

    富文本编辑器学习,常见富文本编辑器有: CKeditor(FCkeditor).UEditor(百度推出的).NicEdit.KindEditor CKEditor 即 FCKEditor FCKed ...

  2. Android学习笔记⑦——UI组件的学习AdapterView相关1

    AdapterView是一个非常重要的组件之一,他非常灵活,所以得好好学...AdapterView本身是一个抽象类,派生出来的子类用法也十分相似,只是界面有一定的区别,因此本节把他们归为一类 Ada ...

  3. angularJs中图表功能（有集成框架）－angular-flot

    1.柱状图和折线图的数据格式: $scope.Chart.data = [ { label: "离线", data: [[0, 2]] }, { label: "在线&q ...

  4. 关于使用Exception的一点心得

    毫无疑问,Exception有很多优点.查看任何一本面向对象的书籍,都会提到异常相对于返回值标记状态的不足以及避免错误导致程序崩溃的问题.看起来是很好的,用起来也是很好的.可是这么多年过去了,异常用的 ...

  5. JS each 跳出

    break 对应的是 return false continue 对应的是 return true 这个问题每次都会记不清,都要去查一遍百度再确定答案,在这里也记一遍好了. function getP ...

  6. spring项目中如何添加定时器以及在定时器中自动生成sprng注入对象

    最近做了一个java的项目,部门领导给了一套代码让我尽快掌握,说心里话本人真心不喜欢java的这种项目方式,各种配置各种xml文件简直头都大了,下面就将我遇到的其中一个我认为是坑的地方整理出来,希望能 ...

  7. 代码研磨 Slim v3 (一)--app->get()&route->add()

    index.php代码如下: $app->get('/forbase', function ($request, $response, $args){ Example\Module\Base:: ...

  8. 通过Scrapy抓取QQ空间

    毕业设计题目就是用Scrapy抓取QQ空间的数据,最近毕业设计弄完了,来总结以下: 首先是模拟登录的问题: 由于Tencent对模拟登录比较讨厌,各个防备,而本人能力有限,所以做的最简单的,手动登录后 ...

  9. JavaScript之返回顶部

    为了弄这个Hexo,今天又是坐在电脑面前待了一天( ⊙ o ⊙ ),老是出问题,在百度上也试验了很多方法,还是没弄好,诶...身心疲惫甚是乏累啊~~~ 算了,这个Hexo先不弄,还是安分点吧,在Hex ...

  10. iOS - UIView操作(SWift)

    1. UIView 视图的渐变填充 override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after ...