Title: [SOLVED]Groupbox check items
Post by: jega 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); } }
Title: Re: Groupbox check items
Post by: jarry on March 20, 2023, 07:18:07 PM
Please look at this example. It works fine. <!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>
|