Print Page - setting the values of a particular column when a button is clicked in edatagrid

Hi as i am new babe to jeasyui, can anyone help me, thanks in advance

1)First thing , i am strucked to change all the column values of "STATUS" as and when the user selects a option and clicks on "Select Value for all Globally"

Please can anyone help me

Following is my code

   <html>
   <head>
   <meta charset="UTF-8">
   <title>Build CRUD DataGrid with jQuery EasyUI - jQuery EasyUI Demo</title>
   <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
   <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css">
   <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/demo/demo.css">
   <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script>
   <script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
   <script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.edatagrid.js"></script>
   </head>
   <body>
   <h2>CRUD DataGrid</h2>
   <p>Double click the row to begin editing.</p>


   <table id="dg" title="My Users" style="width:800px;height:350px"
   toolbar="#toolbar" pagination="true" idField="id"
   rownumbers="true" fitColumns="true" singleSelect="true">
   <thead>
   <tr>
   <th field="firstname" width="50" >First Name</th>
   <th field="lastname" width="50" >Last Name</th>
   <th field="key1" width="50" editor="datebox">Date</th>
   
   
   <th data-options="field:'key',width:50,
   formatter:function(value,row){
   return row.value;
   },
   editor:{
   type:'combobox',
   options:{
   valueField:'key',
   textField:'key',
   data:products,
   required:true
   }
   }">Status</th>


   </tr>
   </thead>
   </table>


   <div id="toolbar">
   <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:$('#dg').edatagrid('addRow')">New</a>
   <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="javascript:$('#dg').edatagrid('destroyRow')">Destroy</a>
   <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="getSelections()">Save</a>
   <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-undo" plain="true" onclick="javascript:$('#dg').edatagrid('cancelRow')">Cancel</a>
   <input class="easyui-datebox"></input><a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="setEditing()">ADD DATE</a>
   <select class="easyui-combobox" name="state" ><option value="ABSENT">ABSENT</option><option value="PRESENT">PRESENT</option><option value="Holiday">Holiday</option><option value="WeekOff">Week Off</option><option value="Others">Others</option></select><a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="changeAllStatusValue()">Select Value for all Globally</a>
   </div>
   <script type="text/javascript">
   function changeAllStatusValue(){
         // here the logic should be implemented
      }





   var products = [
       {key:'ABSENT',value:'ABSENT'},
       {key:'PRESENT',value:'PRESENT'},
       {key:'Others',value:'Others'}
      ];
   var products2 ={"total":"10","rows":[{"id":"112066","phone":"112066","email":"am@gm.com","lastname":"kumar","firstname":"revanth"},{"id":"112066","phone":"112066","email":"am@gm.com","lastname":"kumar","firstname":"revanth"},{"id":"112066","phone":"112066","email":"am@gm.com","lastname":"kumar","firstname":"revanth"},{"id":"112066","phone":"112066","email":"am@gm.com","lastname":"kumar","firstname":"revanth"},{"id":"112066","phone":"112066","email":"am@gm.com","lastname":"kumar","firstname":"revanth"},{"id":"112066","phone":"112066","email":"am@gm.com","lastname":"kumar","firstname":"revanth"},{"id":"112066","phone":"112066","email":"am@gm.com","lastname":"kumar","firstname":"revanth"},{"id":"112066","phone":"112066","email":"am@gm.com","lastname":"kumar","firstname":"revanth"},{"id":"112066","phone":"112066","email":"am@gm.com","lastname":"kumar","firstname":"revanth"},{"id":"112066","phone":"112066","email":"am@gm.com","lastname":"kumar","firstname":"revanth"}]}
   $(function(){
   $('#dg').edatagrid({/*
   singleSelect: false,
   multiSelect: true, */
   // url: 'attendance/getUsers.htm',
   data:products2,
   saveUrl: 'attendance/saveUsers',
   updateUrl: 'attendance/updateUsers.htm',
   destroyUrl: 'attendance/deleteUsers'
   });
   });
   </script>
   </body>
   </html>

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: revanth on June 22, 2014, 07:30:10 PM