jQWidgets Forums

This topic contains 3 replies, has 2 voices, and was last updated by Peter Stoev 11 years, 2 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

ButtonGroup in the NavigationBar Posts

March 31, 2014 at 7:16 am ButtonGroup in the NavigationBar #52213

szoron

Participant

Hello!

I made a Navigationbars
The content includes the first one I want buttonroup.
But the button does not appear, only the input part
If you put all the perfect addition for navigationbars

<body class='default'>
	 <div id='jqxWidget' style="float: center;">
	 <div id='jqxNavigationBar'>
 		<div>Munkalap adatok</div>	
        <div><ul>
        <div id="input">
            <input type="text" />                               
            <div id="search">
           		<img alt="search" width="16" height="16" src="images/search_lg.png" />
           	</div>
        </div> 

		<div id="addr">       
 			<input type="text" id="addr"> 
 		</div>
		<div id="tch">
		    <input type="text" id="tch"> 
		</div>
    <br/>
    <div style="margin-top: 25px; font-size: 12px; font-family: verdana;" id="orderInfo"></div>
     </ul>
     </div>
    </div>
    </div>

If you put all the perfect addition for navigationbars

no button

Script

	$(document).ready(function () {
		$("#jqxNavigationBar").jqxNavigationBar({ width: 400, height: 430, expandMode: 'toggle', expandMode: 'multiple', expandedIndexes: [2]});
		var ml_load =
		{
			datatype: "json",
			
			datafields: [
				{ name: 'ml_num'},
				{ name: 'address'},
				{ name: 'city'},
				{ name: 'tch'}
			],
			url: 'cascadingcombobox_data.php',
			cache: false,
			async: false
		};		
		
            var dataAdapter = new $.jqx.dataAdapter(ml_load, {
                loadComplete: function () {
                    // get data records.                 
                     var records = dataAdapter.records;
                     var record = records[0];

                    $("#addr").val(record.address);
                    $("#tch").val(record.tch);
                }
            });            
            
		var ordersAdapter = new $.jqx.dataAdapter(ml_load);
		        // create jqxInput
                $("#input").jqxInput({ placeHolder: "Munkalapszám...", height: 23, width: 200, minLength: 1 });
                $("#addr").jqxInput({ 
                	placeHolder: "cím...", 
                	height: 23, 
                	width: 250, 
                	displayMember: 'address',
                	minLength: 1                	
                  	});
                $("#tch").jqxInput({ 
                	placeHolder: "technikus...", 
                	height: 23, 
                	width: 250, 
                	displayMember: 'tch',
                	minLength: 1                	
                  	});

                $("#search").bind('click', function (event) {

	                var value = $("#input").val();
	                ml_load.data = {ml_num : value};
	                dataAdapter.dataBind();     
                    if (theme == "black" || theme == "darkblue" || theme == "shinyblack") {
                    $("img")[0].src = "images/search_white_lg.png"
                    }

                });
	});

March 31, 2014 at 7:42 am ButtonGroup in the NavigationBar #52216

Peter Stoev

Keymaster

Hi szoron,

There is no button in the provided HTML or JavaScript code.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

March 31, 2014 at 7:58 am ButtonGroup in the NavigationBar #52219

szoron

Participant

Sorry not ButtonGroup.
Correct is InputGroup

I would like to

March 31, 2014 at 8:14 am ButtonGroup in the NavigationBar #52223

Peter Stoev

Keymaster

Hi szoron,

To add an Input Group, you should have a container DIV tag. Inside that DIV tag, you should add Input and another DIV tag with IMG tag inside it. Example: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxinput/inputgroup.htm?arctic

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.