In extjs4 How to select tpl's radio button on clicking its value -

-

i working in extjs4. have tpl view displaying questions , options via radio buttons as-

ext.define('balaee.view.qb.qbqns.qbqnsview', {         extend:'ext.view.view',         id:'qbqnsviewid',         alias:'widget.qbqnsview',         store:'qb.qbqnsstore',         cls:'qbqnsview',          //autoscroll: true,         config:         {             tpl:'<tpl for=".">'+                 '<div id="main">'+                 '</br>'+                     '<b><id="q">{#}.{question}</b>'+                     '<tpl for="options">'+     // interrogate kids property within data                     '<p>&nbsp&nbsp<input type="radio" name="{parent.questionid}" value="{optionid}">&nbsp{option}</p>'+                     //'<p>&nbsp&nbsp<input type="radio" name="{questionid}">&nbsp{option}</p>'+                     '</tpl></p>'+                    // '<p>---------------------------------------------------------</p>'+                 '</div>'+                 '</tpl>',             itemselector:'div.main'          } });

to retrive selected radio buttons,i have written code as-

var qbqnsstore = this.getstore('qb.qbqnsstore'); var qbqnsmodel = this.getmodel('qb.qbqnsmodel'); qbqnsmodel = qbqnsstore.getat(0);   var answers = '{"data":['; var = 0; qbqnsstore.each(function (model) {     i++;     var inputs = document.getelementsbyname(model.get('questionid'));      (var j = 0; j < inputs.length; j++) {         if (inputs[j].checked) {                 answers = answers + '{"paperid":"' + papernumber + '","userid":"' + userid + '","questionid":"' + inputs[j].name + '","option":' + inputs[j].value + '},'         }     } });

so working correctly. user need click on radio button select it. want make functionality such way if user clicks on radio buttons value,it should selected. how perform in extjs4

modify radio output line following:

<p>&nbsp&nbsp<input type="radio" name="{parent.questionid}" id="{parent.questionid}_{optionid}" value="{optionid}">&nbsp<label for="{parent.questionid}_{optionid}">{option}</label></p>'+

one note: want make sure id of "{parent.questionid}_{optionid}" unique dom clicking label triggers correct default event form element referencing.

see below info on label tag: https://developer.mozilla.org/en-us/docs/web/html/element/label


Comments

Post a Comment

Popular posts from this blog

javascript - Unusual behaviour when drawing lots of images onto a large canvas -

-
in javascript code, download bunch of links of images, , draw them canvas in grid theme. number of links there are, , set width , height of canvas accordingly, there 200 images per row. height based on total number images. problem noticing based on height use, images show on canvas. example, if set height 12 rows, see images, if set on that, no images show up. when setting in 1 row, images show in firefox 23. ie9 , chrome29 shows nothing. does know if there wrong here, or stable way drawing lots of images large canvas? thanks. function onprofilesuccessmethod(sender, args) { alert("request arrived"); var listenumerator, piccount, item, picobj, path, office, ctx, x, y, imageobj; listenumerator = listitems.getenumerator(); piccount = listitems.get_count(); var w = 125; var h = 150; var rl = 200; var canvas = document.createelement('canvas'); canvas.id = "picgallery"; canvas.width = w * rl; canvas....
Read more

how can i manage url using .htaccess in php? -

-
i want manage url of website right showing me www.computermall.co.in/product_details.php?prdid=34 but want www.computermall.co.in/product_details/34 how can it? i have tried this options +followsymlinks -multiviews rewriteengine on rewritebase /computermall # uri-path directly the_request variable rewritecond %{the_request} ^(get|head)\s/(.*)\.php [nc] # strip extension , redirect permanently rewriterule .* /%2 [r=301,l,nc] rewritecond %{request_filename} !-f rewritecond %{request_filename} !-d rewritecond %{request_uri} !\.php [nc] # map internally original resource rewriterule ^(.*)$ $1.php [l,qsa] try this: rewriteengine on rewriterule ^product_details/prdid/([^/]*)$ /product_details?prdid=$1 [l] edit: removed leading slash
Read more

ios - I get the error Property '...' not found on object of type '...' -

-
appdelegate.h #import <uikit/uikit.h> @interface appdelegate : uiresponder <uiapplicationdelegate> @property (strong, nonatomic) uiwindow *window; @end appdelegate.m #import "appdelegate.h" #import "firstviewcontroller.h" #import "secondviewcontroller.h" @implementation appdelegate - (bool)application:(uiapplication *)application didfinishlaunchingwithoptions: goes on normal app.......... @end firstviewcontroller.h #import <uikit/uikit.h> @interface firstviewcontroller : uiviewcontroller @property (strong, nonatomic) iboutlet uiimageview *bground; - (ibaction)settingspressed:(id)sender; - (ibaction)startpressed:(id)sender; @end @class secondviewcontroller; @interface secondviewcontroller : uiviewcontroller @property(strong,nonatomic)secondviewcontroller *secondviewcontroller; @end firstviewcontroller.m #import "firstviewcontroller.h" @interface firstviewcontroller () @end @implement...
Read more