EasyUI Forum
May 16, 2024, 01:03:33 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
EasyUI Forum > Recent Posts
Pages: 1 ... 7 8 [9] 10
 81 
 on: September 20, 2023, 06:16:45 AM 
Started by rezzonico - Last post by rezzonico
Thanks !

Regards
Miche

 82 
 on: September 10, 2023, 08:02:39 PM 
Started by rezzonico - Last post by jarry
Please refer to this example.
Code:
<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>ComboBox - 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 () {
			var cc = $('#cc');
			cc.combobox({
				onChange: function (v) {
					var g = $(this).next().find('.combobox-g');
					var data = cc.combobox('getData');
					var index = data.findIndex(r => r.value == v);
					if (index >= 0) {
						g.html(data[index].text);
					} else {
						g.html('');
					}
				},
				onResize: function () {
					var width = cc.combobox('textbox').css('width');
					$(this).next().find('.combobox-g').css('width', width);
				}
			})
			var tb = cc.combobox('textbox').hide();
			var t = $('<div style="display:inline-block;height:28px;padding-top:6px;vertical-align:top"></div>').addClass('combobox-g').insertAfter(tb);
			cc.combobox('resize');
		})
	</script>
</head>

<body>
	<input id="cc" name="LineWidth" style="width:200px;" data-options="
   required: true,
   panelHeight: 'auto',
   editable: false,
   valueField: 'value',
   textField: 'text',
   value: '',
   data: [
      { value:'0', text:'<hr style=&quot;border-top: 0px solid&quot;>' },
      { value:'1', text:'<hr style=&quot;border-top: 1px solid&quot;>' },
      { value:'2', text:'<hr style=&quot;border-top: 2px solid&quot;>' },
      { value:'3', text:'<hr style=&quot;border-top: 3px solid&quot;>' },
      { value:'4', text:'<hr style=&quot;border-top: 4px solid&quot;>' },
      { value:'5', text:'<hr style=&quot;border-top: 5px solid&quot;>' }
   ]
">
</body>

</html>

 83 
 on: September 07, 2023, 08:11:08 AM 
Started by fmdano - Last post by larryclyons
Just bumping it up for notice. Thx jarry

 84 
 on: September 01, 2023, 09:29:54 AM 
Started by jega - Last post by jega
Ohh, just found it in another topic


$('#ff').form('submit', {
   onSubmit: function(){
      var form = $(this);
      var isValid = form.form('validate');
      if (!isValid){
         var field = form.find('.validatebox-invalid:first');
         var panels = $('#tabs').tabs('tabs');
         for(var i=0; i<panels.length; i++){
            var panel = panels;
            if (panel.has(field).length){
               var index = $('#tabs').tabs('select', i);
               setTimeout(function(){
                  field.focus();
               },0)
               break;
            }
         }
      }
      
      return isValid;
   }
})

 85 
 on: September 01, 2023, 09:24:30 AM 
Started by jega - Last post by jega
Hi.

On validation, how can i show the tab where the required textbox is ??


Jesper

 86 
 on: August 30, 2023, 12:06:15 PM 
Started by fmdano - Last post by fmdano
Hey all,
SO I have a tree grid. There are multiple rows deep. I need to click a link outside the grid where I pass in a value from the 3rd level down and need to get the grid to refresh and then expand level 1, and level 2 and then expand level 3 and select the row I passed in the id.
I know I can use this code: $(this).treegrid('expand', gridID).treegrid('select', gridIDSel);
if gridID is 1_1 then it will expand the first level and first row. Then inside level 2 gridIDSel: 2_6 then it will select that row.

If I want to highlight 3_22 then how can I expand 1_1 and 2_4 and then 3_20 (id's are examples)?
Do I need to use 3 different expand code lines where I know what the parent id is for the level 3 and then get the grand parent which is level 2 and great-grandparent for level 1, OR is there something where if i pass in a Level 3 id (3_22) to the expand code line, the all the above levels will expand?

Any thoughts on this? thanks...

 87 
 on: August 30, 2023, 03:42:41 AM 
Started by rezzonico - Last post by rezzonico
Hi,

I have a combobox where the user can select different line types.
In the drop-down list the lines are displayed correctly, but once a line is selected, in the combobox appears the HTML code.

Is it possible to display the line and not the code ?

See the code here:
http://217.193.156.220/jeasyui/BBB/

Thanks
Miche

 88 
 on: August 21, 2023, 05:47:48 AM 
Started by msvabik - Last post by msvabik
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...

 89 
 on: August 21, 2023, 12:39:54 AM 
Started by msvabik - Last post by jarry
Please call the 'textbox' method to get the inputing box and then set its 'inputmode' attribute.
Code:
var input = $('#tt').textbox('textbox');
input.attr('inputmode','none');

 90 
 on: August 17, 2023, 08:30:37 AM 
Started by larryclyons - Last post by larryclyons
thanks Jarry I'll give that a try. Much appreciated.

Pages: 1 ... 7 8 [9] 10
Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!