Thank you, that helped.
Although it works a bit strangely.
I have the textbox disabled in the form when initializing.
The attribute setting only works on an enabled textbox. With that said, in the first edit of the textbox, the virtual keyboard is activated and in subsequent edits the virtual keyboard is no longer displayed.
But thanks for that too...

Hello,
I would like to use the inputmode parameter in <input>.

Code:

<input id="data_input" name="data_input" class="easyui-textbox" style="width: 100%; height: 38px" inputmode="none">

However, this parameter is ignored and not used when generating pages in jeasyui.
How to control the type of keyboard displayed on mobile devices?
Thanks for the advice
Michal

Hello
I used a combination edatagrid scrollview

Code:

$('#table_normativy').edatagrid({
                view: scrollview,
                url: 'servis.php?com=normativy&action=ListStockNormativeScroll',
                autoRowHeight: false,
                pagination: false,
                rownumbers: true,
		fitColumns:false,
   		selectOnCheck:false,
    		checkOnSelect:false,
    		showFooter: true,
    		pageSize: 50,
                autoSave: true,                          
                singleSelect: true,
    		idField: 'ID_Article',    			
    		fit: true,
    		multiSort: true,
    		remoteFilter: true,
    		toolbar: '#tool_normativ'
       });

UpdateURL I set in another step.
Edited row is saved when you click the mouse on a different row.
If I use

Code:

$('#table_normativy').edatagrid('saveRow');

Editing is terminated without saving (by setting saveUrl).
Unless you use a combination edatagrid and scrollview, only used edatagrid saveRow method works OK.
I use EasyUi 1.5
this is bug?

Thank you very much it works just fine.

If I use width = 100% get this result:


My code:

Code:

<div class="easyui-panel" style="width:100%;padding:30px 60px;margin-top:20px;">
        	<form id="config{id}" method="post" action="servis.php">
        		<input type="hidden" name="id" value="{id}">
        		<input type="hidden" name="com" value="user">
        		<input type="hidden" name="action" value="SaveConfig">
        		  <table style="width: 100%">
        			<tr>
            			<td style="width:100px">{lmonitor}:</td>
           				<td><input name="monitor" class="easyui-switchbutton" {mch} data-options="onText:'{on}',offText:'{off}',value:'1'"></td>
           			</tr>
           			<tr>
           				<td style="width:100px;height:70px;">{llimit}:</td>
           				<td>
           					<input name="limit" class="easyui-slider" style="width:100%" data-options="
                					showTip:true,
                					value:10,
                					min:0,
				    				max:60,
				    				step:1,
                					rule: [0,'|',10,'|',20,'|',30,'|',40,'|',50,'|',60]"></td>
        			</tr>
        			<tr>
            			<td style="width:100px;">{lfile}:</td>
           				<td><input name="file" class="easyui-switchbutton" {fch} data-options="onText:'{on}',offText:'{off}',value:'1'"></td>
           			</tr>
         		</table>
        		<div style="margin-bottom:20px;margin-top:20px">
        			<select class="easyui-combobox" name="proc" label="{lproc}:" 
                		labelWidth="100" style="width:100%;height:32px" url="servis.php?com=user&action=GetProc&id={id}" 
                		valueField="id",
						textField="proc"></select>
        		</div>
        	</form>
        	<div style="text-align:center;padding:5px 0">
           		 <a href="javascript:void(0)" class="easyui-linkbutton" size="large" onclick="$('#config{id}').form('submit')" style="width:25%">{submit}</a>
        	</div>
        </div>

Hallo,

I use the slider:

Code:

<input name="limit" class="easyui-slider" 
       data-options="showTip:true,
                	   value:10,
                           min:0,
			   max:60,
			   step:1,
                	   rule: [0,'|',10,'|',20,'|',30,'|',40,'|',50,'|',60]">

image before resizing the browser:

After resizing the browser slider badly redrawn:

Now there is a deselection row at the end editing...

Thank you, it works perfectly.

For explanation: $('#uptime_{id}') will be replaced $('#uptime_45') using the template class in php

Hello,
I have a problem with repeated rowStyler at edatagrid.

Code:

<div class="easyui-layout" data-options="fit:true">
	<div data-options="region:'west',split:true,border:false" style="width:50%">
		<table id="uptime_{id}" fit="true">
			<thead>
				<tr>
					<th data-options="field:'start'">{start}</th>
					<th data-options="field:'delka'">{delka}</th>
					<th data-options="field:'program'">{program}</th>
					<th data-options="field:'title'">{title}</th>
					<th data-options="field:'preklas'">{preklas}</th>
					<th data-options="field:'klasifikace', editor:'numberbox'">{klasifikace}</th>
				</tr>
			</thead>
		</table>
	</div>
	<div data-options="region:'center',border:false"></div>
</div>
<script type="text/javascript">
$(function(){
	$('#uptime_{id}').edatagrid({
		url:'servis.php?com=uptime&action=load&id={id}',
		updateUrl:'servis.php?com=uptime&action=updateRow',
		rowStyler: function(index,row){
			var klas = +row.klasifikace;
			switch(klas)
			{
				case 0: //Nevim
					return {class:'nevim'};
					break;
				case 1: //Firma
					return {class:'firma'};
					break;
				case 2: //Soukr
					return {class:'soukr'};
					break; 
				default:
					return {class:'nevim'};
					break;
			}
		}
	});
});
</script>

When editing field klasifikace (0,1,2) => tag class="datagrid-row  nevim soukr firma"

Code:

<tr id="datagrid-row-r1-2-3" datagrid-row-index="3" class="datagrid-row  nevim soukr firma" style="">

Why this is happening?
Why is not it like that?

• for klasifikace=0, class="datagrid-row  nevim"
• for klasifikace=1, class="datagrid-row  firma"
• for klasifikace=2, class="datagrid-row  soukr"

Thank you very much it works great

Hello
How is it possible to change the icon in the tab?

Code:

<div id="docs_tabs" class="easyui-tabs" fit="true" border="false" plain="false"
	tabHeight="44" tabPosition="top" >
	<div title="title1" id="docs_tab_1" style="padding:5px;" 
		data-options="iconCls:'icon-unloc',href:'getdata.php'">
	</div>

I tried:

Code:

$('#docs_tab_1').panel('options').IconCls = 'icon-lock';

and it did not work.

Could someone tell me how to do that?

I found that I can use Shift - Enter

Hallo

So your example works, but I want to send the form always when you change one of the elements.
Then of course you can not use multiline textbox?

Hallo
I have a problem:

http://jsfiddle.net/msvabik/ffLxfoqh/10/

You can not do it in the textarea next line by hitting Enter.
Am I doing something wrong? Is it a bug?

best regards
Michal