EasyUI Forum
June 30, 2024, 01:35:33 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: How should I set up Multiple Toolbars and Pagination="true" ?  (Read 7331 times)
correohs
Newbie
*
Posts: 11


View Profile
« on: February 08, 2013, 01:05:13 PM »

toolbar = " New Edit Remove "
tb1 = "Search Input"
Attached are 2 images. option 1 and option 2
1) if I set toolbar="#toolbar, #tb1"  I can see (2) both of them but Pagination at the bottom of the page

2) if I set toolbar="#toolbar"  I can see the 1 toolbar and Pagination at the bottom of the page


<table class="easyui-datagrid" id="dg" style="height:550px" title="Activities"
         url="get_te.php"
         toolbar="#toolbar, #tb1"
                        pagination="true"
         rownumbers="true" fitColumns="true" singleSelect="true" sortable="true"
            
            data-options="rowStyler: function(index,row){  
                    if (row.lo_act_id > 99){  
                       return 'background-color:#900;color:#fff;font-weight:bold;';
                                           }  
                }  
            "
            >  
      
« Last Edit: February 08, 2013, 04:52:32 PM by correohs » Logged
correohs
Newbie
*
Posts: 11


View Profile
« Reply #1 on: February 08, 2013, 04:52:04 PM »

Reference:
http://www.jeasyui.com/tutorial/datagrid/datagrid19.php   

 <div id="tb" style="padding:5px;height:auto"> 
        <div style="margin-bottom:5px"> 
            <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true"></a> 
            <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true"></a> 
            <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true"></a> 
            <a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true"></a> 
            <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true"></a> 
        </div> 
        <div> 
            Date From: <input class="easyui-datebox" style="width:80px"> 
            To: <input class="easyui-datebox" style="width:80px"> 
            Language:   
            <input class="easyui-combobox" style="width:100px" 
                    url="data/combobox_data.json" 
                    valueField="id" textField="text"> 
            <a href="#" class="easyui-linkbutton" iconCls="icon-search">Search</a> 
        </div> 
    </div> 
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!