[Solved] Changing the datagrid url based on input radio selection

[kavvson]

Code:

<div class="adv_filter">
<li>
	<input type="radio" name="letter_type" data-custom="Option1" value="0">  Option1
</li><li>
	<input type="radio" name="letter_type" data-custom="Option2" value="1" checked="checked">  Option2
</li><li>
	<input type="radio" name="letter_type" data-custom="Option3" value="2">  Option3
</li>  
</div>

var url = 'lists.php?ltype='+input_radio_value;

Code:

		$("li").on("click", "input", function() {
					$('#dg').datagrid('reload'); 	
					// add = $(this).text().val();
					globalVar = 'lists.php?ltype='+$(this).val();
			});

This onclick function gets the Option1 name only, but I want to get the value thats the first thing. The second this is to override the url with the ?=ltype value, is this even possible? I got in my lists.php $_GET for ltype and everything properly configurated, manually inserting the value works but I want to be able to do it when I select a radio . But basically I have no idea how to accomplish this.

How to get the globalVar isnide

Code:

$('#dg').datagrid({
				url : url,

SOLVED AT : http://stackoverflow.com/questions/26387676/passing-a-variable-into-an-other-function-jeasyui

[chrwei]

first problem is that "this" is not going to be the input, off the top of my head you can get that via $("input[name='letter_type']:selected"), or maybe :checked, but that's just jquery stuff.   

then, instead of having the params in the url, define the grid like:

Code:

$('#dg').datagrid({
	url: 'lists.php',
	queryParams: {
		ltype: 'default'
	}
});

if you don't want a default then make lists.php return an empty set.  then you can use the 'load' method to change the queryParams and load the new data

[kavvson]

It sounds logical, but I cant move on I don't know how to do that:(

[chrwei]

it's in the documentation http://www.jeasyui.com/documentation/index.php# under "Query data with some parameters."

[kavvson]

Code:

$("li").on("click", "input", function() {
					$('#dg').datagrid('reload'); 	
					// add = $(this).text().val();
					globalVar = $(this).val();
			});

$('#dg').datagrid({
	url: 'lists.php',
	queryParams: {
		ltype: globalVar
	}
});

Ok but can you tell me how to pass the globalVal to query param? And wont it be static? When I press the checkboxe's will it reload the grid - supposingly no.

[chrwei]

did you look at the docs on the load method?  you don't need reload at all.  reload fetches updated data using the same parameters.

[kavvson]

The link doesn't refere to that. Its index, and there is no under " ". Could you show a example then?

[chrwei]

right from the docs:

Code:

$('#dg').datagrid({
    url:'file.php',
    columns:[[
        {field:'code',title:'Code',width:100},
        {field:'name',title:'Name',width:100},
        {field:'price',title:'Price',width:100,align:'right'}
    ]]
});

$('#dg').datagrid('load', {
    name: 'easyui',
    address: 'ho'
});

[kavvson]

that's not what I am looking after also;/

[chrwei]

in this case the 'load' call sends name and address query parameters to file.php and reloads the grid data.  it's exactly what you asked for.  sub in your values.

[kavvson]

Code:

name: 'easyui',
address: 'ho'

what variables does it take / stands for ( name, address ) cause the default values doesn't tell me anything.. ho ? easyui is the grid id?

[chrwei]

no, it's just a text string.  is this more clear?

Code:

$('#dg').datagrid('load', {
    some_param: 'a value',
    another_param: 'another value'
});