EasyUI Forum
March 28, 2024, 05:46:54 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: [SOLVED]Groupbox check items  (Read 807 times)
jega
Full Member
***
Posts: 190


View Profile
« on: March 17, 2023, 11:43:23 AM »

Hi.

Want to use the groupbox to let user choose weekdays. When check monday and tuesday and save form data, it gives me weekdayslist = 1,2. This is saved in db.

But how to load form data to get monday and tuesday checked ??

<div id="dlg" class="easyui-dialog">
<form id="fm" class="easyui-form">
<div id="weekdaysList" name="weekdaysList" class="easyui-checkgroup" data-options="
   data:[
   {value:'1',label:'Monday'},
   {value:'2',label:'Tuesday'},
   {value:'3',label:'Wednesday'},
   {value:'4',label:'Thursday},
   {value:'5',label:'Friday'}              
   ]">
 </div>
</form>
</div>

function editRecord(){
   $('#fm').form('clear');
   var row = $('#dgList').datagrid('getSelected');
   if (row){
      $('#dlg').dialog('open').dialog('setTitle','Edit');
      $('#fm').form('load',row);
   }
}
« Last Edit: March 22, 2023, 04:22:12 AM by jega » Logged
jarry
Administrator
Hero Member
*****
Posts: 2260


View Profile Email
« Reply #1 on: March 20, 2023, 07:18:07 PM »

Please look at this example. It works fine.
Code:
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>Load Form Data - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css">
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.min.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<script>
$(function () {
$('#fm').form('clear');
$('#fm').form('load', {
name: 'name1',
weekdaysList: ['2', '3']
})
})
</script>
</head>

<body>
<div id="dlg" class="easyui-dialog">
<form id="fm" class="easyui-form">
<input class="easyui-textbox" name="name" label="Name:" labelPosition="top">
<div id="weekdaysList" name="weekdaysList" class="easyui-checkgroup" data-options="
labelWidth: 100,
data:[
{value:'1',label:'Monday'},
{value:'2',label:'Tuesday'},
{value:'3',label:'Wednesday'},
{value:'4',label:'Thursday'},
{value:'5',label:'Friday'}             
]"></div>
</form>
</div>
</body>

</html>
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!