[dima72Participant]

Dear Ivailo,

thank you for the guess!

it works!

[dima72Participant]

Dear Ivailo,
thank you for the example provided,

but it is exactly showing that color of RadioButtons inside of RadioGroup is not changing.

<div id='jqxButtonGroup'>
    <button id="NoneMode">NoneMode</button>
    <button id="AllMode">AllMode</button>
    <button id="SelectedMode">SelectedMode</button>
</div>

$('#jqxButtonGroup').jqxButtonGroup({ mode: 'radio', theme: 'energyblue'});

$("#NoneMode").jqxRadioButton({ groupName: 'jqxButtonGroup', rtl: false, theme: 'energyblue'});

$("#AllMode").jqxRadioButton({ groupName: 'jqxButtonGroup', rtl: false, theme: 'energyblue'});

$("#SelectedMode").jqxRadioButton( { groupName: 'jqxButtonGroup', rtl: false, theme: 'energyblue'});

[dima72Participant]

Dear Ivailo,
the CSS unfortunately does not work for jqxButtonGroup.
Or maybe there is different way of passing params into jqxButtonGroup?
In other words, CSS work for single radiobutton, but since button is included into jqxButtonGroup widget – the theme parameter does not work anymore.

[dima72Participant]

Dear Ivailo,

thank you very much!
It works!

[dima72Participant]

Yes, I can see source param in jqxInput
$(“#jqxInput”).jqxInput({ source: dataAdapter

but that facility IMHO only for purpose to display popup datalist in order to simplify data input.

But I can not find simple example of displaying value of current record in Dataset for jqxInput.
most of my problem ( and probably everybody ) is to display on a form values from current record in jqxGrid.

thanks for understanding,

[dima72Participant]

jqxDataAdapter is good, but it can be bind to jqxGrid only.
what I would looking for is how to bind other visual controls to jqxDataAdapter

[dima72Participant]

Dear Ivailo,

>You don’t need to send values about not selected buttons.
GetCheckedRadiobuttonName returns only name of selected radiobutton.

Can you please suggest if jqWidgets has some technology like DataBinding in other languages.
What i want is to associate controls with XML attributes once in code initialization and have DataBinding do all the rest job for mapping and posting.

for now i have to mention attribute name 3 times. 1) when mapping from Source 2) when reading value to control 3) when posting value

thanks,

[dima72Participant]

Dear Ivailo,

thank you for support and excellent components.
in brief my problem is to $.post from modal form many radio-options with Ajax.

for that i need to obviously mention every radiogroup and write particular code to get option from it.

to lesser amount of my code i’m going to do like this:

$.post( "post_profilesettings.php", 
                    { Run_Every_Day_Option : GetCheckedRadiobuttonName( $("#Run_Every_Day_Radio_Mode"), $("#Repeat_after_Radio_Mode"),       $("#Repeat_monthly_Radio_Mode"), $("#Run_only_Once_Radio_Mode"), null, null )...... 

this approach takes atleast one line of code for every radiogroup.
I’m not sure if it possible in Javascript atall, but i would rather use a method to post (without refresh of page) all controls values in single line of code. Unfortunately standard HTML Form method does not allow to work with modal jqxWindow.

thanks for support,

[dima72Participant]

having not found solution for my problem for a while I stick to this:

           
            //returning name of selected radiobutton  
            function GetCheckedRadiobuttonName( radiobutton1, radiobutton2, radiobutton3, radiobutton4, radiobutton5, radiobutton6 )
            {
               if( radiobutton1 !== null && radiobutton1.jqxRadioButton( 'checked')  )
                 return radiobutton1.attr("id"); 
               else if( radiobutton2 !== null && radiobutton2.jqxRadioButton( 'checked') )
                 return radiobutton2.attr("id"); 
               else if( radiobutton3 !== null && radiobutton3.jqxRadioButton( 'checked') )
                 return radiobutton3.attr("id"); 
               else if( radiobutton4 !== null && radiobutton4.jqxRadioButton( 'checked') )
                 return radiobutton4.attr("id"); 
               else if( radiobutton5 !== null && radiobutton5.jqxRadioButton( 'checked') )
                 return radiobutton5.attr("id"); 
               else if( radiobutton6 !== null && radiobutton6.jqxRadioButton( 'checked') )
                 return radiobutton6.attr("id"); 
            }
            //passing name of selected radiobutton - "checked_id"
            function SetRadioGroupChecked( checked_id, radiobutton1, radiobutton2, radiobutton3, radiobutton4, radiobutton5, radiobutton6 )
            {               
               if( ( radiobutton1 !== null ) && ( radiobutton1.attr("id") == checked_id ) )
                 radiobutton1.jqxRadioButton('check');
               else if( ( radiobutton2 !== null ) && ( radiobutton2.attr("id") == checked_id ) )
                 radiobutton2.jqxRadioButton('check');
               else if( ( radiobutton3 !== null ) && ( radiobutton3.attr("id") == checked_id ) )
                 radiobutton3.jqxRadioButton('check');
               else if( ( radiobutton4 !== null ) && ( radiobutton4.attr("id") == checked_id ) )
                 radiobutton4.jqxRadioButton('check');
               else if( ( radiobutton5 !== null ) && ( radiobutton5.attr("id") == checked_id ) )
                 radiobutton5.jqxRadioButton('check');
              else if( ( radiobutton6 !== null ) && ( radiobutton6.attr("id") == checked_id ) )
                 radiobutton6.jqxRadioButton('check');

            }

it allows to get and set option in radiogroup by radiobutton name. up to 6 radiobuttons supported, but that is enough for most cases.

[dima72Participant]

Ivailo, thank you very much. It works!

[dima72Participant]

Ops..
I apologies for mistake in my HTML content. It must be:

<div id='jqxModal'><div>Title</div><div>Content <div id='jqxMyCheckBox'>MyCheckBox</div> </div><br/><br/></div><div></div>

well, I have noticed that state of checkbox is remembered every time form is closed, so I guess from is not freed in memory of browser,
since window.appendTo(document.body) is done;

Can somebody suggest a correct way to release form?

thanks,

[dima72Participant]

Dear Peter,

I’m creating Window dynamically On Button Click like this

var window = $("<div id='jqxModal'><div>Title</div><div>Content</div><br/><br/></div><div><div id='jqxMyCheckBox'>MyCheckBox</div></div>");
window.appendTo(document.body);
$("#jqxModal").jqxWindow({ isModal: true,  initContent: function () { $("#jqxMyCheckBox").jqxCheckBox({ width: 120, height: 25}) }  });
$("#jqxModal").jqxWindow('open');

can you please suggest, why jqxMyCheckBox is not initialized?
I have window showed but without checkbox.

thanks,

[dima72Participant]

I have checked in Debugger = vertical and horizontal properties are always returning false
regardless scrolling in the grid is happening.

           var scrolling = $("#jqxgrid").jqxGrid('scrolling');
           if( scrolling.vertical == false )
           {
             $("#jqxgrid").jqxGrid('updatebounddata');
           }

this code does refresh in the grid all the time regardless scrolling vertical with mouse wheel.

[dima72Participant]

Dear Peter,
in documentation

there is no ‘scrolling’ property described,
and it therefore returns always [Object] but not boolean regardless of grid scrollmode

i’m looking to disable $(“#jqxgrid”).jqxGrid(‘updatebounddata’) when there is any user mouse activity above the grid,

please help,
thanks

[dima72Participant]

Dear Peter
can you show extended example of ‘scrolling’ property
`var scrolling = $(“#jqxgrid”).jqxGrid(“scrolling”);
if( scrolling == false )
{
$(“#jqxgrid”).jqxGrid(‘updatebounddata’);
}`

does not really work

thanks,

[Author]

Posts