Print Page - PrePopulate readonly datagrid cell on New record

I have a datagrid with a textbox field (Name=Date) set to read-only. When using the basic CRUD datagrid for editing an existing entry I want to have the Date field set to read only. When a user clicks on the New button I want to change the value of that reaonly cell to today's date in the popup dialog. Can anyone recommend how to do this?

Define a form with a readonly datebox component.

Code:

<form id="ff" method="post">
	<div style="margin-bottom:20px">
		<input class="easyui-textbox" name="name" style="width:100%" data-options="label:'Name:',required:true">
	</div>
	<div style="margin-bottom:20px">
		<input id="birthday" class="easyui-datebox" name="birthday" style="width:100%"
			data-options="label:'Birthday:',required:true,readonly:true">
	</div>
</form>

After clicking the 'New Button', call this code to load the from with some initialized data and set the datebox component to editable status.

Code:

$('#ff').form('load', {
	name: 'myname',
	birthday: $.fn.datebox.defaults.formatter(new Date())
});
$('#birthday').datebox('readonly', false)

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: kroggity on May 29, 2022, 09:25:21 AM