Passing the combobox value to the datagrid validType function

[rezzonico]

Hi all,

I have a combobox and a datagrid.
I need to pass the combobox value to the datagrid validType function.

Here is my non-working code.

Any help is appreciated.

Regards.
Miche

Code:

   <script type="text/javascript">
      $(function(){
         $('#Year').combobox({
            onChange: function() {
               $('#dg').datagrid('load',{});
            }
         });

         $('#dg').datagrid({
            validType: 'remote["dovalidate.cgi?Year=", $('#Year').combobox('getValue')]'
            ...
         });
      });
   </script>

   <div>
      <select class="easyui-combobox" id="Year" data-options="editable: false">
         <option value="2010">2010</option>
         <option value="2011">2011</option>
         <option value="2012">2012</option>
      </select>
   </div>

   <div>
      <table id="dg" border="true">
      </table>
   </div>

[jarry]

The 'validType' property is not defined in datagrid plugin. What would you do with this property?

[rezzonico]

Hi jarry,

sorry ... I tryed to semplify my code but I removed too many lines.

I have a combobox (for selecting the Year) and a datagrid.
In my datagrid I have the field Col1.
The editor type of Col1 is a combogrid.
In the options I use "validType" with the remote program "dovalidate.cgi".
The variable Year is passed to the validation program (dovalidate.cgi).

All works perfectly.
The only problem is that the program "dovalidate.cgi" always receive "Year=2010" also after selecting a new year in the combobox.

In other words ... the value of the variable Year (passed to the program "dovalidate.cgi") is not updated with the current value of the combobox.

Thanks for your help.
Miche

Code:

   <script type="text/javascript">
      var Year = 2010;

      $(function(){
         $('#Year').combobox({
            onChange: function(value) {
               Year = value;
               $('#dg').datagrid('load',{});
            }
         });

         $('#dg').datagrid({
            {field:'Col1',title:'Col1',
               editor: {
                  type: 'combogrid',
                  options: {
                     validType: 'remote["dovalidate.cgi?Year=" + Year, "Col1"]'
                  }
               }
            }
         });
      });
   </script>

   <div>
      <select class="easyui-combobox" id="Year" data-options="editable: false">
         <option value="2010">2010</option>
         <option value="2011">2011</option>
         <option value="2012">2012</option>
      </select>
   </div>

   <div>
      <table id="dg" border="true">
      </table>
   </div>

[StefaanEeckels]

The problem is that the function is evaluated when the handler is installed, not when it is called. You could try something lile this:

               editor: {
                  type: 'combogrid',
                  options: {
                     validType: makeURL(),
                  }
               }

...
function makeURL() {
    var Year = Math.floor($('#Year').combobox('getValue'));
    return 'remote["dovalidate.cgi?Year=" + Year, "Col1"]';
}

[rezzonico]

Thanks for your help !