jQWidgets Forums

Forum Replies Created

Viewing 11 posts - 16 through 26 (of 26 total)

← 1 2

Author

Posts
February 28, 2013 at 2:37 am in reply to: How to get the list of selected items? How to get the list of selected items? #15988

ryan paul
Participant

is it possible to get the child node only?
if the parent node is selected then the child node will all be selected, so is it possible to get only the child node and disregard the parent node

February 28, 2013 at 2:09 am in reply to: getting the child nodes getting the child nodes #15987

ryan paul
Participant

i mean how can i get the array of the selected data,

data = [];
var item = $(‘#jqxTree’).jqxTree(‘getCheckedItems’);
data = item.label;

does this example will match so that i can get this value

var data = [ “Peppermint Hot Chocolate”, “Caffe Americano”, “Caffe Latte”, “450 calories”, “16g fat”, “Others”];

February 28, 2013 at 1:34 am in reply to: getting the child nodes getting the child nodes #15986

ryan paul
Participant

do you have an example of doing so?

February 25, 2013 at 7:53 am in reply to: How to filter getrows for grid How to filter getrows for grid #15799

ryan paul
Participant

i am adding data in the grid using the addrow, but in the end i want to get all the records in the first column only, so that i can send in to the server and receive it as a List of string, is there a way to do this?

February 22, 2013 at 11:19 am in reply to: get the value of row that have a text input and file input using cellsrenderer get the value of row that have a text input and file input using cellsrenderer #15678
ryan paul
Participant
```
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="ExecutionManagementSystem.WebForm2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>	
	<link rel="stylesheet" type="text/css" href="/jqwidgets/styles/jqx.base.css" />
    
    <script type="text/javascript" src="/scripts/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="/scripts/gettheme.js"></script>
    <script type="text/javascript" src="/scripts/json2.js"></script>
    <script type="text/javascript" src="/jqwidgets/jqx-all.js"></script>
    <script type="text/javascript" src="/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="/jqwidgets/jqxexpander.js"></script>
    <script type="text/javascript" src="/jqwidgets/jqxvalidator.js"></script>
    <script type="text/javascript" src="/jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="/jqwidgets/jqxcheckbox.js"></script>
    <script type="text/javascript" src="/jqwidgets/jqxcalendar.js"></script>
    <script type="text/javascript" src="/jqwidgets/jqxdatetimeinput.js"></script>
    <script type="text/javascript" src="/jqwidgets/jqxmaskedinput.js"></script>
    <script type="text/javascript" src="/jqwidgets/globalization/jquery.global.js"></script>
    <script type="text/javascript" >	
		$(function() {
			$.ajax({
				url: 'AddressOfFileToGetJsonData.aspx/FunctionToGetJsonData',
				dataType: 'json',
				contentType: 'application/json; charset=utf-8',
				type: 'POST',
				async: false,
				success: function (data) {        
					var temp = JSON.parse(data.d);
					
					var gridSource = { datafields: [{ name: 'Column1' }, { name: 'Column2' } ], datatype: 'json', localdata: temp.JsonString };
					
					var column3renderer = function(){ return '<input id="TextColumn3" name="TextColumn3" type="text" />'; }
					var column4renderer = function(){ return '<input id="FileColumn4" name="FileColumn4" type="file" />'; }			
					$("#Grid1").jqxGrid({
						width: 660, theme: theme, pageable: true, pagesize: 5, autoheight: true, 
						source: gridSource, selectionmode: 'singlecell', columnsresize: true,
						columns: [
							{ text: 'Column1', datafield: 'Column1', width: 100 },
							{ text: 'Column2', datafield: 'Column2', width: 100 },
							{ text: 'Column3', datafield: 'Column3', width: 100, cellsrenderer: remarksrenderer },
							{ text: 'Column4', datafield: 'Column4', width: 100, cellsrenderer: uploadrenderer },
							{ 
								text: '', datafield: 'Submit', columntype: 'button', width: 60, cellsrenderer: function() { return "Submit" }, 
								buttonclick: function (row) {					
									var dataRecord = $("#Grid1").jqxGrid('getrowdata', row);					
									alert("Column3 Value: " + 
										// What should i place here to get the value of the TextColumn3?
										" Column4 Value:" + 
										// What should i place here to get the value of the FileColumn4?
										);
								}
							}
						},
					});
				}
			});
		});		
	</script>	
</head>
<body>
    <form id="form1" runat="server">
    <div>
		<div id="Grid1">
        </div>
    </div>
    </form>
</body>
</html>
```
February 22, 2013 at 11:15 am in reply to: get the value of row that have a text input and file input using cellsrenderer get the value of row that have a text input and file input using cellsrenderer #15675

ryan paul
Participant

Untitled Page

$(function() {
$.ajax({
url: ‘AddressOfFileToGetJsonData.aspx/FunctionToGetJsonData’,
dataType: ‘json’,
contentType: ‘application/json; charset=utf-8’,
type: ‘POST’,
async: false,
success: function (data) {
var temp = JSON.parse(data.d);

var gridSource = { datafields: [{ name: ‘Column1’ }, { name: ‘Column2’ } ], datatype: ‘json’, localdata: temp.JsonString };

var column3renderer = function(){ return ”; }
var column4renderer = function(){ return ”; }
$(“#Grid1″).jqxGrid({
width: 660, theme: theme, pageable: true, pagesize: 5, autoheight: true,
source: gridSource, selectionmode: ‘singlecell’, columnsresize: true,
columns: [
{ text: ‘Column1’, datafield: ‘Column1’, width: 100 },
{ text: ‘Column2’, datafield: ‘Column2’, width: 100 },
{ text: ‘Column3’, datafield: ‘Column3’, width: 100, cellsrenderer: remarksrenderer },
{ text: ‘Column4’, datafield: ‘Column4’, width: 100, cellsrenderer: uploadrenderer },
{
text: ”, datafield: ‘Submit’, columntype: ‘button’, width: 60, cellsrenderer: function() { return “Submit” },
buttonclick: function (row) {
var dataRecord = $(“#Grid1”).jqxGrid(‘getrowdata’, row);
alert(“Column3 Value: ” +
// What should i place here to get the value of the TextColumn3?
” Column4 Value:” +
// What should i place here to get the value of the FileColumn4?
);
}
}
},
});
}
});
});

February 22, 2013 at 10:32 am in reply to: get the value of row that have a text input and file input using cellsrenderer get the value of row that have a text input and file input using cellsrenderer #15672

ryan paul
Participant

it seems i have a problem in showing my codes with html tags, but you get the idea. i am creating a input text for remarks and input file for the attachments using the cellsrendere. now, how can i retrieve their value?

February 22, 2013 at 10:28 am in reply to: get the value of row that have a text input and file input using cellsrenderer get the value of row that have a text input and file input using cellsrenderer #15671

ryan paul
Participant

var PopulateGrid1 = function() {
$.ajax({
url: ‘Address1.aspx/Function1’,
dataType: ‘json’,
contentType: ‘application/json; charset=utf-8’,
type: ‘POST’,
async: false,
success: function (data) {
var temp = JSON.parse(data.d);

var gridSource = { datafields: [{ name: ‘Column1’ }, { name: ‘Column2’ } ], id: ‘Column1’, datatype: ‘json’, localdata: temp.JsonString };

var remarksrenderer = function(){ return ”; }
var uploadrenderer = function(){ return ”; }

$(“#Grid1″).jqxGrid({
width: 660, theme: theme, pageable: true, pagesize: 5, height: 200, sortable: true, altrows: false, editable: false,
source: gridSource, selectionmode: ‘singlecell’, columnsresize: true,
columns: [
{ text: ‘Column1’, datafield: ‘Column1’, width: 100 },
{ text: ‘Column2’, datafield: ‘Column2’, width: 100 },
{ text: ‘TextColumn3’, datafield: ‘TextColumn3’, width: 100, cellsrenderer: remarksrenderer },
{ text: ‘FileColumn4’, datafield: ‘FileColumn4’, width: 100, cellsrenderer: uploadrenderer },
{
text: ”, datafield: ‘Submit’, columntype: ‘button’, width: 60, cellsrenderer: function() { return “Submit” },
buttonclick: function (row) {
var dataRecord = $(“#Grid1”).jqxGrid(‘getrowdata’, row);
alert(“Column3 Value: ” +
// What should i place here?
” Column4 Value:” +
// What should i place here?
);
}
}
},
});
}
});
});

February 7, 2013 at 3:57 pm in reply to: add new black row that is editable add new black row that is editable #14863

ryan paul
Participant

is it possible to make the last or the new added to be the only one editable, wherein as you add a new row at the bottom it will be the only one in the edit mode

January 17, 2013 at 7:09 am in reply to: How to create a required field validator in a grid How to create a required field validator in a grid #13742

ryan paul
Participant

i have a grid that when all the fields have been filled up i have this button that will generate for a new row to accept the same requirements, and goes and on and on. I was thinking how to do this like your demo in your jqxValidator that if it click the submit button it will prompt those validation that the user was not allowed to submit because he/she doesn’t entered the required fields. in your demo in the grid validation was only triggered when i am in the cell.

i want that before i can add a row i want to validate first all the fields in the current row.

January 17, 2013 at 6:58 am in reply to: get checkbox using 2.3 get checkbox using 2.3 #13741

ryan paul
Participant

thank you,
but how about combo box?
Author

Posts

Viewing 11 posts - 16 through 26 (of 26 total)

← 1 2