EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: andy on May 21, 2012, 06:33:55 AM



Title: how to link the two combobox..??
Post by: andy on May 21, 2012, 06:33:55 AM
Hi all,

I have two combobox, there are origin and address.
My problem is how can display combobox address based on selected orgin.


Regards.  :)


Title: Re: how to link the two combobox..??
Post by: andy on May 22, 2012, 05:39:49 AM
$('#job_text_origin').combogrid
      ({ 
         url:'https://127.0.0.1/live_planning/index.php/job/fcn_job_getcity', 
         idField:'city_id',  textField:'city_name',  mode:'remote', fitColumns:true,
         columns:
         [[
            {field:'city_id',title:'Id',width:25},
            {field:'city_name',title:'City',width:100}
         ]],
         
         onSelect:function(row) {
            $link=$('#job_text_origin').combobox('getValue');
                 //Autocomplete job_text_origin address
               $('#job_text_originaddress').combogrid
               ({
                  panelWidth:600, 
                  url:"https://127.0.0.1/live_planning/index.php/job/fcn_job_getaddress/"+$link,
                  idField:'site_id', textField:'site_address',  mode:'remote', fitColumns:true,
                  hasDownArrow:false,
                  columns:
                     [[
                        {field:'site_id',title:'Id',width:20},
                        {field:'site_address',title:'Address',width:390}
                     ]]
                   
               });
               //end autocomplete
         }
         
      });