[rameshgurunathanMember]

Hi Peter,
Thank you very much I will try.

[rameshgurunathanMember]

Hi Perer,

I already tried that .net integration. It works fine in all browser. That is not the thing I asked about. The thing is I am calling .net web-service using ajax call. I created a HTML form with jqx controls. when running html form in IE It works that is data is coming from web service and I could bind the data in all controls. but when running the form in other browser. the browser blocks or something. that is because CORS Or Same Origin Policy. This is the Issue. I just want to know Should I write to allow cross domain access. in my server side or Should I use JSONP call? here is a dilemma.

Any idea? or suggestions.

[rameshgurunathanMember]

Hi

Can you please tell me how to set cell editable either true or false programmatically?

Thanks & regards
Ramesh Gurunathan

[rameshgurunathanMember]

hi

thanks

$(document).ready(function () {

$(“#gvDDDetailsjqx”).bind(‘cellendedit’, function (event) {
//debugger
var args = event.args;
$(“#divGridDDEndEditEvent”).html(“Event Type: cellendedit, Column: ” + args.datafield + “, Row: ” + (1 + args.rowindex) + “, Value: ” + args.value);
if (event.args.datafield = ‘PayMode’ && args.value == ‘Cash’) {

$(“#gvDDDetailsjqx”).jqxGrid(‘setcolumnproperty’, ‘DDChequeNo’, ‘editable’, false);
//$(“#gvDDDetailsjqx”).jqxGrid(‘setcolumnproperty’, ‘DDDate’, ‘editable’, false);
//$(“#gvDDDetailsjqx”).jqxGrid(‘setcolumnproperty’, ‘BankName’, ‘editable’, false);
//$(“#gvDDDetailsjqx”).jqxGrid(‘setcolumnproperty’, ‘InFavour’, ‘editable’, false);
}
});

});

when I set one columns property to editable false. It works fine. but If I use it for more than one column It throws error. It stops at
{if(!C.isNestedGrid){D.focus()} in jqxgrid.edit.js.

will it help you?

Ramesh Gurunathan.

[rameshgurunathanMember]

hi peter,

Are you asking runnable project sample or just source code. Because my project uses sqlserver DB.

Here is where the code bites.

{if(!C.isNestedGrid){D.focus()}

The Code I used to bind grid

$(document).ready(function () {
//debugger
var theme = getTheme();

var Batchprofile = {};

var generaterow = function (i) {
var row = {};

row[“PayMode”] = “”;
row[“DDChequeNo”] = “”;
row[“DDDate”] = new Date;
row[“BankName”] = “”;
row[“InFavour”] = “”;
row[“Amount”] = 0;
row[“SeqNo”] = 0;
return row;
}

var source =
{
datatype: “json”,
datafields: [
{ name: ‘PayMode’ },
{ name: ‘DDChequeNo’ },
{ name: ‘DDDate’ },
{ name: ‘BankName’ },
{ name: ‘InFavour’ },
{ name: ‘Amount’ },
{ name: ‘SeqNo’ }
],
updaterow: function (rowid, rowdata, commit) {
// synchronize with the server – send update command
// call commit with parameter true if the synchronization with the server is successful
// and with parameter false if the synchronization failder.
commit(true);
}
};

$.ajax({
url: locationUrl + ‘/AdmissionRequest.asmx/getFeeComponentsJD’,
type: ‘POST’,
dataType: ‘json’,
data: ‘{“Batchprofile”:’ + JSON.stringify(Batchprofile) + ‘}’,
async: false,
cache: false,
contentType: ‘application/json; charset=utf-8’,
success: function (data) {
source.localdata = data.d;
},
error: function (xhr, status, error) {
alert(JSON.stringify(xhr));
}
});

var dataAdapter = new $.jqx.dataAdapter(source);

// initialize jqxGrid
$(“#gvDDDetailsjqx”).jqxGrid(
{
width: 680,
source: dataAdapter,
editable: true,
//theme: theme,
selectionmode: ‘singlecell’,
editmode: ‘click’,
columns: [
{ text: ‘Pay Mode’, datafield: ‘PayMode’, columntype: ‘dropdownlist’, width: 67,
createeditor: function (row, cellvalue, editor) {
editor.jqxDropDownList({ displayMember: ‘PayMode’,
valueMember: ‘PayModeID’, source: loadGridDropDownList(‘PayMode’, ‘PayModeID’, ‘PaymentMode’)
});
// editor.bind(‘select’, function (event) {
// var selectedIndex = event.args.index;
// var value = $(‘#gvDDDetailsjqx’).jqxGrid(‘getcellvalue’, selectedIndex, “PayMode”)
// alert(“Selected Index” + selectedIndex + ” value ” +value);

// });
}

},
{ text: ‘DD/ChequeNo’, datafield: ‘DDChequeNo’, columntype: ‘textbox’, width: 120 },
{ text: ‘DD Date’, datafield: ‘DDDate’, columntype: ‘datetimeinput’, width: 100,
cellsalign: ‘right’, cellsformat: ‘d’,
validation: function (cell, value) {
var year = value.getFullYear();
if (year >= 2013) {
return { result: false, message: “Draft/Cheque Date should be before 1/1/2013” };
}
return true;
}

},
{ text: ‘Bank Name’, datafield: ‘BankName’, columntype: ‘dropdownlist’, width: 150,
createeditor: function (row, cellvalue, editor) {
editor.jqxDropDownList({ displayMember: ‘BankName’,
valueMember: ‘BankID’, source: loadGridDropDownList(‘BankName’, ‘BankID’, ‘Bank’)
});
}

},
{ text: ‘InFavour’, datafield: ‘InFavour’, columntype: ‘dropdownlist’, width: 150,
createeditor: function (row, cellvalue, editor) {
editor.jqxDropDownList({ displayMember: ‘FavourType’,
valueMember: ‘FavourID’, source: loadGridDropDownList(‘FavourType’, ‘FavourID’, ‘InFavour’)
});
}

},
{ text: ‘Amount’, datafield: ‘Amount’, columntype: ‘numberinput’, width: 80, cellsalign: ‘right’,
validation: function (cell, value) {
if (value <= 0) {
return { result: false, message: "Amount should not be less than 0" };
}
return true;
},
initeditor: function (row, cellvalue, editor) {
editor.jqxNumberInput({ digits: 8 });
}

},
{ text: 'SeqNo', datafield: 'SeqNo', columntype: 'textbox', width: 80 }
]
});

// create new row.
$("#addrowbutton").bind('click', function () {
var datarow = generaterow();
var commit = $("#gvDDDetailsjqx").jqxGrid('addrow', null, datarow);
});
$("#cancelrowbutton").bind('click', function () {
$('#gvDDDetailsjqx').jqxGrid('resumeupdate');
});

$('#gvDDDetailsjqx').jqxGrid('hidecolumn', 'SeqNo');
$('#gvDDDetailsjqx').jqxGrid({ autoheight: true });

// events
$("#gvDDDetailsjqx").bind('cellbeginedit', function (event) {
var args = event.args;
$("#divGridDDbeginEditEvent").html("Event Type: cellbeginedit, Column: " + args.datafield + ", Row: " + (1 + args.rowindex) + ", Value: " + args.value);
// if (event.args.datafield != 'PayMode') {
// var value = $('#gvDDDetailsjqx').jqxGrid('getcellvalue', args.rowindex, "PayMode")
// alert("Cell Value " + value);
// }
});

$("#gvDDDetailsjqx").bind('cellselect', function (event) {
var _columna = $("#gvDDDetailsjqx").jqxGrid('getcolumn', event.args.datafield);
RowIndex = event.args.rowindex; //get the index
ColumnIndex = event.owner._getcolumnindex(event.args.datafield);
//$("#gvDDDetailsjqx").jqxGrid({ editmode: 'singlecell' });
// if (_columna.columntype == "dropdownlist") {
// var editable = $("#gvDDDetailsjqx").jqxGrid('begincelledit', RowIndex, event.args.datafield);
// alert("Column Name " + event.args.datafield);
// }
// if (event.args.datafield != 'PayMode') {
// var value = $('#gvDDDetailsjqx').jqxGrid('getcellvalue', RowIndex, "PayMode")
// alert("Cell Value " + value);
// }

});

});

Cellendedit event

$(document).ready(function () {

$("#gvDDDetailsjqx").bind('cellendedit', function (event) {
debugger
var args = event.args;
$("#divGridDDEndEditEvent").html("Event Type: cellendedit, Column: " + args.datafield + ", Row: " + (1 + args.rowindex) + ", Value: " + args.value);
if (event.args.datafield = 'PayMode' && args.value == 'Cash') {

$("#gvDDDetailsjqx").jqxGrid('setcolumnproperty', 'DDChequeNo', 'editable', false);
$("#gvDDDetailsjqx").jqxGrid('setcolumnproperty', 'DDDate', 'editable', false);
$("#gvDDDetailsjqx").jqxGrid('setcolumnproperty', 'BankName', 'editable', false);
$("#gvDDDetailsjqx").jqxGrid('setcolumnproperty', 'InFavour', 'editable', false);
}
});

});

In my project we use Iframe where we load common load page It's Loadpage.aspx. there I used all the js files.
I also have web usercontrols where I will call web service to get data from sql server DB.

LoadPage.aspx

<%—-%>

<script src='’ type=”text/javascript”>

<script src='’ type=”text/javascript”>

My User control

var locationUrl = ‘http://localhost:6776/AUT/Admission’;
function SuggessionSelectedValues(Obj, controlName) {
var dsProgramobj, dsProgramvalobj, idvalue;
if (controlName == ‘dsBatchCentreAR’) {
document.getElementById(”).value = Obj[0];
idvalue = document.getElementById(”).id;
dsProgramobj = idvalue.replace(‘txtBatchCentreAR’, ‘dsProgram_SuggessionTextBox’);
dsProgramvalobj = idvalue.replace(‘txtBatchCentreAR’, ‘dsProgram_hdnSugValue’);
document.getElementById(dsProgramvalobj).value = ‘-1’;
document.getElementById(dsProgramobj).value = ”;
}
else if (controlName == ‘dsProgramSrchAR’) {
document.getElementById(”).value = Obj[0];
idvalue = document.getElementById(”).id;
dsProgramobj = idvalue.replace(‘txtProgramSrchAR’, ‘dsProgram_SuggessionTextBox’);
dsProgramvalobj = idvalue.replace(‘txtProgramSrchAR’, ‘dsProgram_hdnSugValue’);
document.getElementById(dsProgramvalobj).value = ‘-1’;
document.getElementById(dsProgramobj).value = ”;
}

}

function SearchGridCheckBoxStatus() {
var gv = document.getElementById(”);
var gvControls = gv.getElementsByTagName(‘input’);
var count = 0;
document.getElementById(”).value = “0”;
for (i = 0; i < gvControls.length; i++) {
if (gvControls[i].type == "checkbox") {
if (gvControls[i].name.match("chkSelect1")) {
if (gvControls[i].checked) {
count = 1;

}
}
}
}
if (count == 0) {
document.getElementById('’).value = “1”;

}
return count;
}

function Check() {
var gv = document.getElementById(”);
var gvControls = gv.getElementsByTagName(‘input’);

for (i = 0; i < gvControls.length; i++) {
if (gvControls[i].type == "checkbox") {
if (gvControls[i].name.match("chkSelect1")) {
var Action = gvControls[0].checked;
if (i != 0) {
if (Action == true)
gvControls[i].checked = true;
else
gvControls[i].checked = false;
}
}
}
}
if (Action == true) {
document.getElementById('’).value = ‘True’;
}
else {
document.getElementById(”).value = ‘False’;
}

}

function CheckOne(ID) {
// debugger
var gv = document.getElementById(”);
var Inputs = gv.getElementsByTagName(‘input’);
var totalAmount = 0 * 1;

for (i = 0; i < Inputs.length; i++) {

var id = String(Inputs[i].id);

if (Inputs[i].type == "checkbox") {
var Action = Inputs[i].checked;
if (Action == true) {
if (Inputs[i + 1].type == 'text') {
totalAmount = parseFloat(totalAmount) + parseFloat(Inputs[i + 1].value);
}

}
}
}

document.getElementById('’).innerText = totalAmount + “.00”;
}

function datecontaincheck(evt) {
if (window.event) {
if (evt.keyCode >= 46 || evt.keyCode = 46 || evt.which <= 56)
return true;
}
return false;
}

function calculateActualTotal() {
var grid = document.getElementById('’);
var total = 0 * 1;
var paidtotal = 0 * 1;
var fixedtotal = 0 * 1;
var actualtotal = 0 * 1;
if (grid != null) {
var Inputs = grid.getElementsByTagName(‘input’);
var index = 0;
for (i = 0; i < Inputs.length; i++) {
if (Inputs[i].type == 'checkbox') {
if (Inputs[i].checked == true) {
index += 1;
var actualAmt = Inputs[i + 1].value; //lblActualAmt.innerText
if (isNaN(parseFloat(actualAmt))) {
//alert('I m in error');
}
else {
total = parseFloat(actualAmt) + parseFloat(total);
actualtotal = total;
total = String(total);
}
var paidAmt = Inputs[i + 2].value;
if (isNaN(parseFloat(paidAmt)))
{ }
else {
paidtotal = parseFloat(paidAmt) + parseFloat(paidtotal);
fixedtotal = paidtotal;
paidtotal = String(paidtotal);
}
}
}

}
document.getElementById('’).value = actualtotal.toFixed(2);
}
}

// jqxWBatchDateAR Bind Function
$(document).ready(function () {
var theme = getTheme();
// Create a jqxDateTimeInput
$(“#jqxWBatchDateAR”).jqxDateTimeInput({ width: ‘173px’, height: ’25px’, theme: theme });
$(‘#jqxWBatchDateAR’).jqxDateTimeInput({ formatString: “dd-MM-yyyy” });
$(‘#jqxWBatchDateAR’).bind(‘valuechanged’, function (event) {
var date = event.args.date;
});
});

// jqxWRequestDateAR Bind Function
$(document).ready(function () {
var theme = getTheme();
// Create a jqxDateTimeInput
$(“#jqxWRequestDateAR”).jqxDateTimeInput({ width: ‘173px’, height: ’25px’, theme: theme });
$(‘#jqxWRequestDateAR’).jqxDateTimeInput({ formatString: “dd-MM-yyyy” });
$(‘#jqxWRequestDateAR’).bind(‘valuechanged’, function (event) {
var date = event.args.date;
});
});

//********* Program Combo Load *************
$(document).ready(function () {
var theme = getTheme();
//debugger
// prepare the data

var dataAdapter = new $.jqx.dataAdapter(source);
var source =
{
datatype: “json”,
datafields: [
{ name: ‘ProgramID’ },
{ name: ‘ProgramName’ },
]
//,url: ‘AdmissionRequest.asmx/getRequestTypeJsonData’,
//async: false
};

//var dataString = “fromDate: ” + fromDate + ” , toDate: ” + toDate;
//Getting the source data with ajax GET request
$.ajax({
url: locationUrl + ‘/AdmissionRequest.asmx/getProgramsJD’,
type: ‘GET’,
dataType: ‘json’,
data: “{}”,
async: false,
cache: false,
contentType: ‘application/json; charset=utf-8’,
success: function (data) {
source.localdata = data.d;
},
error: function (xhr, status, error) {
alert(JSON.stringify(xhr));
}
});

var dataAdapter = new $.jqx.dataAdapter(source);
dataAdapter.dataBind();

// Create a jqxComboBox
$(“#cmbProgramjqx”).jqxComboBox({ selectedIndex: 0, source: dataAdapter,
displayMember: “ProgramName”,
valueMember: “ProgramID”,
width: 250, height: 25, theme: theme });

// bind to the select event.
$(“#cmbProgramjqx”).bind(‘select’, function (event) {
if (event.args) {
var item = event.args.item;
if (item) {
var valueelement = $(“

“);
valueelement.html(“Value: ” + item.value);
var labelelement = $(“

“);
labelelement.html(“Label: ” + item.label);

// $(“#ProgramSelection”).children().remove();
// $(“#ProgramSelection”).append(labelelement);
// $(“#ProgramSelection”).append(valueelement);
}
}
});
$(“#cmbProgramjqx”).jqxComboBox({ selectedIndex: 0 });
});

// ************ Period drop down Selected Event ***********
$(document).ready(function () {
$(‘#ddlPeriodjqx’).bind(‘select’, function (event) {
// Some code here.
if (event.args) {
var args = event.args;
// select the item in the ‘select’ tag.
var index = args.item.label;
// alert(“Selected Item :” + index);
// var items = $(“#ddlPeriodjqx”).jqxDropDownList(‘getItems’);
// alert(“Total Item” + items.length)

loadStreams();
loadAdmissionMode();
loadFeeComponentDetails()
}

});
});
// ************ Program Combo Selected Event ***********
$(document).ready(function () {
$(‘#cmbProgramjqx’).bind(‘select’, function (event) {

var args = event.args;
var item = $(‘#cmbProgramjqx’).jqxComboBox(‘getItem’, args.index);
if (item != null) {
//alert(“Selected Item :” + item.label);

loadStreams();
loadAdmissionMode();
loadFeeComponentDetails()
}
});
});

// ************ Regulation(Stream) drop down Selected Event ***********
$(document).ready(function () {
$(‘#Regulationjqx’).bind(‘select’, function (event) {
// Some code here.
if (event.args) {
var args = event.args;
// select the item in the ‘select’ tag.
var index = args.item.label;
loadAdmissionMode();
loadFeeComponentDetails()
}
});
});

//********* Period Drop Down list Load *************
$(document).ready(function () {
var theme = getTheme();

// prepare the data
var source =
{
datatype: “json”,
datafields: [
{ name: ‘PeriodID’ },
{ name: ‘Period’ },
]
//,url: ‘AdmissionRequest.asmx/getRequestTypeJsonData’,
//async: false
};

//var dataString = “fromDate: ” + fromDate + ” , toDate: ” + toDate;
//Getting the source data with ajax GET request
$.ajax({
url: locationUrl + ‘/AdmissionRequest.asmx/getPeriodJD’,
type: ‘GET’,
dataType: ‘json’,
data: “{}”,
async: false,
cache: false,
contentType: ‘application/json; charset=utf-8’,
success: function (data) {
source.localdata = data.d;
},
error: function (xhr, status, error) {
alert(JSON.stringify(xhr));
}
});

var dataAdapter = new $.jqx.dataAdapter(source);
dataAdapter.dataBind();

// Create a jqxDropDownList
$(“#ddlPeriodjqx”).jqxDropDownList({ selectedIndex: 0,
source: dataAdapter,
displayMember: “Period”,
valueMember: “PeriodID”,
width: 250, height: 25, theme: theme
});

$(“#ddlPeriodjqx”).bind(‘select’, function (event) {
if (event.args) {
var item = event.args.item;
if (item) {
var valueelement = $(“

“);
valueelement.html(“Value: ” + item.value);
var labelelement = $(“

“);
labelelement.html(“Label: ” + item.label);

// $(“#PeriodSelection”).children().remove();
// $(“#PeriodSelection”).append(labelelement);
// $(“#PeriodSelection”).append(valueelement);
}
}
});
$(“#ddlPeriodjqx”).jqxDropDownList({ selectedIndex: 0 });
});

//**************** Load Request Type Drop Down List ****************************

$(document).ready(function () {
var theme = getTheme();

// TempFromDate = new Date();
// TempFromDate = $(‘#jqxWBatchDateAR’).jqxDateTimeInput(‘getDate’);

// var fromDate = TempFromDate.format(“dd-MMM-yyyy”);
// TempToDate = new Date();
// TempToDate = $(‘#jqxWRequestDateAR’).jqxDateTimeInput(‘getDate’);
// var toDate = TempToDate.format(“dd-MMM-yyyy”);

// prepare the data
var source =
{
datatype: “json”,
datafields: [
{ name: ‘RequestTypeID’ },
{ name: ‘RequestTypeName’ },
]
//,url: ‘AdmissionRequest.asmx/getRequestTypeJsonData’,
//async: false
};

//var dataString = “fromDate: ” + fromDate + ” , toDate: ” + toDate;
//Getting the source data with ajax GET request
$.ajax({
url: locationUrl + ‘/AdmissionRequest.asmx/getRequestTypeJD’,
type: ‘GET’,
dataType: ‘json’,
data: “{}”,
async: false,
cache: false,
contentType: ‘application/json; charset=utf-8’,
// statusCode: {
// 404: function() {
// alert(‘page not found’);
// },
// 500: function() {
// alert(‘server error’);
// }
// },
success: function (data) {
source.localdata = data.d;
},
// error: function (req,stat,err) {
// alert(‘Req: ‘ + req + ‘ Status: ‘ + stat + ‘ ErrMsg: ‘ + err);
// }

error: function (xhr, status, error) {
alert(JSON.stringify(xhr));
}
});

var dataAdapter = new $.jqx.dataAdapter(source);
dataAdapter.dataBind();

// Create a jqxDropDownList
$(“#ddlRequestTypejqx”).jqxDropDownList({ selectedIndex: 0,
source: dataAdapter,
displayMember: “RequestTypeName”,
valueMember: “RequestTypeID”,
width: 173, height: 25, theme: theme
});

$(“#ddlRequestTypejqx”).bind(‘select’, function (event) {
if (event.args) {
var item = event.args.item;
if (item) {
var valueelement = $(“

“);
valueelement.html(“Value: ” + item.value);
var labelelement = $(“

“);
labelelement.html(“Label: ” + item.label);

loadFeeComponentDetails()

// $(“#RequestTypeSelection”).children().remove();
// $(“#RequestTypeSelection”).append(labelelement);
// $(“#RequestTypeSelection”).append(valueelement);
}
}
});
});
//**************** End Load Request Type ****************************

//**************** Load Centres ****************************
$(document).ready(function () {
var theme = getTheme();

// prepare the data

var dataAdapter = new $.jqx.dataAdapter(source);
var source =
{
datatype: “json”,
datafields: [
{ name: ‘CentreID’ },
{ name: ‘CentreName’ },
]
//,url: ‘AdmissionRequest.asmx/getRequestTypeJsonData’,
//async: false
};

//var dataString = “fromDate: ” + fromDate + ” , toDate: ” + toDate;
//Getting the source data with ajax GET request
$.ajax({
url: locationUrl + ‘/AdmissionRequest.asmx/getCentresJD’,
type: ‘GET’,
dataType: ‘json’,
data: “{}”,
async: false,
cache: false,
contentType: ‘application/json; charset=utf-8’,
success: function (data) {
source.localdata = data.d;
},
error: function (xhr, status, error) {
alert(JSON.stringify(xhr));
}
});

var dataAdapter = new $.jqx.dataAdapter(source);
dataAdapter.dataBind();

// Create a jqxComboBox
$(“#cmbCentrejqx”).jqxComboBox({ selectedIndex: 0, source: dataAdapter,
displayMember: “CentreName”,
valueMember: “CentreID”,
width: 250, height: 25, theme: theme
});

// bind to the select event.
$(“#cmbCentrejqx”).bind(‘select’, function (event) {
if (event.args) {
var item = event.args.item;
if (item) {
// var valueelement = $(“

“);
// valueelement.html(“Value: ” + item.value);
// var labelelement = $(“

“);
// labelelement.html(“Label: ” + item.label);
loadAdmissionMode();
loadFeeComponentDetails()

// $(“#CentreSelection”).children().remove();
// $(“#CentreSelection”).append(labelelement);
// $(“#CentreSelection”).append(valueelement);
}
}
});
});
//**************** End Load Centres ****************************

// bind to the select event.
$(“#cmbCentrejqx”).bind(‘select’, function (event) {
if (event.args) {
var item = event.args.item;
if (item) {
loadAdmissionMode();
loadFeeComponentDetails()
}
}
});

//**************** Load Streams ****************************
$(document).ready(function () {
//debugger
var theme = getTheme();

var RegulationProfile = {};
var perioditems = $(“#ddlPeriodjqx”).jqxDropDownList(‘getItems’);
var programItems = $(“#cmbProgramjqx”).jqxComboBox(‘getItems’);

if (perioditems.length > 0) {
var periodId = $(“#ddlPeriodjqx”).jqxDropDownList(‘getSelectedItem’);
RegulationProfile.PeriodID = periodId.value;
}
else {
RegulationProfile.PeriodID = -1;
}

if (programItems.length > 0) {
var programId = $(“#cmbProgramjqx”).jqxComboBox(‘getSelectedItem’);
RegulationProfile.ProgramID = programId.value;
}
else {
RegulationProfile.ProgramID = -1;
}

RegulationProfile.StreamID = -1;
// prepare the data
var source =
{
datatype: “json”,
datafields: [
{ name: ‘StreamID’ },
{ name: ‘Streamname’ },
]
};

var strTest = JSON.stringify(RegulationProfile);
//var dataString = “fromDate: ” + fromDate + ” , toDate: ” + toDate;
//Getting the source data with ajax GET request
$.ajax({
url: locationUrl + ‘/AdmissionRequest.asmx/getRegulationJD’,
type: ‘POST’,
dataType: ‘json’,
data: ‘{“RegulationProfile”:’ + JSON.stringify(RegulationProfile) + ‘}’,
async: false,
cache: false,
contentType: ‘application/json; charset=utf-8’,
success: function (data) {
source.localdata = data.d;
},
error: function (xhr, status, error) {
alert(JSON.stringify(xhr));
}
});

var dataAdapter = new $.jqx.dataAdapter(source);
dataAdapter.dataBind();

// Create a jqxDropDownList
$(“#Regulationjqx”).jqxDropDownList({ selectedIndex: 0,
source: dataAdapter,
displayMember: “Streamname”,
valueMember: “StreamID”,
width: 173, height: 25, theme: theme
});

});

//******************** End of Stream ******************************

//**************** Load Admission Mode ****************************
$(document).ready(function () {
//debugger
var theme = getTheme();

var RegulationProfile = {};
var perioditems = $(“#ddlPeriodjqx”).jqxDropDownList(‘getItems’);
var programItems = $(“#cmbProgramjqx”).jqxComboBox(‘getItems’);
var streamItems = $(“#Regulationjqx”).jqxDropDownList(‘getItems’);

if (perioditems.length > 0) {
var periodId = $(“#ddlPeriodjqx”).jqxDropDownList(‘getSelectedItem’);
RegulationProfile.PeriodID = periodId.value;
}
else {
RegulationProfile.PeriodID = -1;
}

if (programItems.length > 0) {
var programId = $(“#cmbProgramjqx”).jqxComboBox(‘getSelectedItem’);
RegulationProfile.ProgramID = programId.value;
}
else {
RegulationProfile.ProgramID = -1;
}

if (streamItems.length > 0) {
var streamId = $(“#Regulationjqx”).jqxDropDownList(‘getSelectedItem’);
RegulationProfile.StreamID = streamId.value;
}
else {
RegulationProfile.StreamID = -1;
}
// prepare the data
var source =
{
datatype: “json”,
datafields: [
{ name: ‘AdmissionModeID’ },
{ name: ‘AdmissionModeName’ },
]
};

var strTest = JSON.stringify(RegulationProfile);
//var dataString = “fromDate: ” + fromDate + ” , toDate: ” + toDate;
//Getting the source data with ajax GET request
$.ajax({
url: locationUrl + ‘/AdmissionRequest.asmx/getAdmissionModeJD’,
type: ‘POST’,
dataType: ‘json’,
data: ‘{“RegulationProfile”:’ + JSON.stringify(RegulationProfile) + ‘}’,
async: false,
cache: false,
contentType: ‘application/json; charset=utf-8’,
success: function (data) {
source.localdata = data.d;
},
error: function (xhr, status, error) {
alert(JSON.stringify(xhr));
}
});

var dataAdapter = new $.jqx.dataAdapter(source);
dataAdapter.dataBind();

// Create a jqxDropDownList
$(“#ddlAdmissionModejqx”).jqxDropDownList({ selectedIndex: 0,
source: dataAdapter,
displayMember: “AdmissionModeName”,
valueMember: “AdmissionModeID”,
width: 173, height: 25, theme: theme
});

});
//******************** End of Admission Mode ******************************

function loadAdmissionMode() {

var RegulationProfile = {};
var perioditems = $(“#ddlPeriodjqx”).jqxDropDownList(‘getItems’);
var programItems = $(“#cmbProgramjqx”).jqxComboBox(‘getItems’);
var streamItems = $(“#Regulationjqx”).jqxDropDownList(‘getItems’);

if (perioditems.length > 0) {
var periodId = $(“#ddlPeriodjqx”).jqxDropDownList(‘getSelectedItem’);
RegulationProfile.PeriodID = periodId.value;
}
else {
RegulationProfile.PeriodID = -1;
}

if (programItems.length > 0) {
var programId = $(“#cmbProgramjqx”).jqxComboBox(‘getSelectedItem’);
RegulationProfile.ProgramID = programId.value;
}
else {
RegulationProfile.ProgramID = -1;
}

if (streamItems.length > 0) {
var streamId = $(“#Regulationjqx”).jqxDropDownList(‘getSelectedItem’);
RegulationProfile.StreamID = streamId.value;
}
else {
RegulationProfile.StreamID = -1;
}
// prepare the data
var source =
{
datatype: “json”,
datafields: [
{ name: ‘AdmissionModeID’ },
{ name: ‘AdmissionModeName’ },
]
};

var strTest = JSON.stringify(RegulationProfile);
//var dataString = “fromDate: ” + fromDate + ” , toDate: ” + toDate;
//Getting the source data with ajax GET request
$.ajax({
url: locationUrl + ‘/AdmissionRequest.asmx/getAdmissionModeJD’,
type: ‘POST’,
dataType: ‘json’,
data: ‘{“RegulationProfile”:’ + JSON.stringify(RegulationProfile) + ‘}’,
async: false,
cache: false,
contentType: ‘application/json; charset=utf-8’,
success: function (data) {
source.localdata = data.d;
},
error: function (xhr, status, error) {
alert(JSON.stringify(xhr));
}
});

var dataAdapter = new $.jqx.dataAdapter(source);
dataAdapter.dataBind();

$(“#ddlAdmissionModejqx”).jqxDropDownList({ selectedIndex: 0,
source: dataAdapter
});
}

function loadStreams() {
var RegulationProfile = {};
var perioditems = $(“#ddlPeriodjqx”).jqxDropDownList(‘getItems’);
var programItems = $(“#cmbProgramjqx”).jqxComboBox(‘getItems’);

if (perioditems.length > 0) {
var periodId = $(“#ddlPeriodjqx”).jqxDropDownList(‘getSelectedItem’);
RegulationProfile.PeriodID = periodId.value;
}
else {
RegulationProfile.PeriodID = -1;
}

if (programItems.length > 0) {
var programId = $(“#cmbProgramjqx”).jqxComboBox(‘getSelectedItem’);
RegulationProfile.ProgramID = programId.value;
}
else {
RegulationProfile.ProgramID = -1;
}

RegulationProfile.StreamID = -1;
// prepare the data
var source =
{
datatype: “json”,
datafields: [
{ name: ‘StreamID’ },
{ name: ‘Streamname’ },
]
};

var strTest = JSON.stringify(RegulationProfile);
//var dataString = “fromDate: ” + fromDate + ” , toDate: ” + toDate;
//Getting the source data with ajax GET request
$.ajax({
url: locationUrl + ‘/AdmissionRequest.asmx/getRegulationJD’,
type: ‘POST’,
dataType: ‘json’,
data: ‘{“RegulationProfile”:’ + JSON.stringify(RegulationProfile) + ‘}’,
async: false,
cache: false,
contentType: ‘application/json; charset=utf-8’,
success: function (data) {
source.localdata = data.d;
},
error: function (xhr, status, error) {
alert(JSON.stringify(xhr));
}
});

var dataAdapter = new $.jqx.dataAdapter(source);
dataAdapter.dataBind();
$(“#Regulationjqx”).jqxDropDownList({ selectedIndex: 0,
source: dataAdapter
});
}

$(document).ready(function () {
//debugger
var theme = getTheme();

var Batchprofile = {};

var perioditems = $(“#ddlPeriodjqx”).jqxDropDownList(‘getItems’);
var programItems = $(“#cmbProgramjqx”).jqxComboBox(‘getItems’);
var streamItems = $(“#Regulationjqx”).jqxDropDownList(‘getItems’);
var centreItems = $(“#cmbCentrejqx”).jqxComboBox(‘getItems’);
var ReqTypeItems = $(“#ddlRequestTypejqx”).jqxDropDownList(‘getItems’);
if (perioditems.length > 0) {
var periodId = $(“#ddlPeriodjqx”).jqxDropDownList(‘getSelectedItem’);
Batchprofile.PeriodID = periodId.value;
}
else {
Batchprofile.PeriodID = -1;
}

if (programItems.length > 0) {
var programId = $(“#cmbProgramjqx”).jqxComboBox(‘getSelectedItem’);
Batchprofile.ProgramID = programId.value;
}
else {
Batchprofile.ProgramID = 0;
}

if (streamItems.length > 0) {
var streamId = $(“#Regulationjqx”).jqxDropDownList(‘getSelectedItem’);
Batchprofile.StreamID = streamId.value;
}
else {
Batchprofile.StreamID = -1;
}

if (ReqTypeItems.length > 0) {
var requestId = $(“#ddlRequestTypejqx”).jqxDropDownList(‘getSelectedItem’);
Batchprofile.RequestID = requestId.value;
}
else {
Batchprofile.RequestID = -1;
}

if (centreItems.length > 0) {
var centreId = $(“#cmbCentrejqx”).jqxComboBox(‘getSelectedItem’);
Batchprofile.CentreID = centreId.value;
}
else {
Batchprofile.CentreID = -1;
}

Batchprofile.StudentID = -1;
var source =
{
datatype: “json”,
datafields: [
{ name: ‘Selection’ },
{ name: ‘ID’,type: ‘int’ },
{ name: ‘FeeComponentName’ },
{ name: ‘Amount’ },
{ name: ‘Quantity’, type: ‘int’ },
{ name: ‘PaidAmout’, type: ‘int’ }
],
updaterow: function (rowid, rowdata, commit) {
// synchronize with the server – send update command
// call commit with parameter true if the synchronization with the server is successful
// and with parameter false if the synchronization failder.
commit(true);
}
};

$.ajax({
url: locationUrl + ‘/AdmissionRequest.asmx/getFeeComponentsJD’,
type: ‘POST’,
dataType: ‘json’,
data: ‘{“Batchprofile”:’ + JSON.stringify(Batchprofile) + ‘}’,
async: false,
cache: false,
contentType: ‘application/json; charset=utf-8’,
success: function (data) {
source.localdata = data.d;
},
error: function (xhr, status, error) {
alert(JSON.stringify(xhr));
}
});

var dataAdapter = new $.jqx.dataAdapter(source);

// initialize jqxGrid
$(“#RequestCompGrid”).jqxGrid(
{
width: 680,
source: dataAdapter,
editable: true,
theme: theme,
selectionmode: ‘singlecell’,
columns: [
{ text: ‘Select’, datafield: ‘Selection’, columntype: ‘checkbox’, width: 67,

renderer: function () {
return ‘

‘;
},
rendered: function (element) {
$(element).jqxCheckBox({ theme: theme, width: 16, height: 16, animationShowDelay: 0, animationHideDelay: 0 });
columnCheckBox = $(element);
$(element).bind(‘change’, function (event) {
var checked = event.args.checked;
if (checked == null || updatingCheckState) return;
var rowscount = $(“#RequestCompGrid”).jqxGrid(‘getdatainformation’).rowscount;
$(“#RequestCompGrid”).jqxGrid(‘beginupdate’);

if (checked) {
$(“#RequestCompGrid”).jqxGrid(‘selectallrows’);
}
else if (checked == false) {
$(“#RequestCompGrid”).jqxGrid(‘clearselection’);
}

for (var i = 0; i 0) {
$(columnCheckBox).jqxCheckBox(‘indeterminate’);
}
else {
$(columnCheckBox).jqxCheckBox(‘uncheck’);
}
updatingCheckState = false;
}
});

});

// var rowEdit = function (row) {
// //if (row == 0)
// return false;
// }

// select or unselect rows when the checkbox is checked or unchecked.
$(“#RequestCompGrid”).bind(‘cellendedit’, function (event) {

if (event.args.value) {
$(“#RequestCompGrid”).jqxGrid(‘selectrow’, event.args.rowindex);
}
else {
$(“#RequestCompGrid”).jqxGrid(‘unselectrow’, event.args.rowindex);
}
});

function loadFeeComponentDetails() {
$(document).ready(function () {
//debugger
var theme = getTheme();

var Batchprofile = {};

var perioditems = $(“#ddlPeriodjqx”).jqxDropDownList(‘getItems’);
var programItems = $(“#cmbProgramjqx”).jqxComboBox(‘getItems’);
var streamItems = $(“#Regulationjqx”).jqxDropDownList(‘getItems’);
var centreItems = $(“#cmbCentrejqx”).jqxComboBox(‘getItems’);
var ReqTypeItems = $(“#ddlRequestTypejqx”).jqxDropDownList(‘getItems’);
if (perioditems.length > 0) {
var periodId = $(“#ddlPeriodjqx”).jqxDropDownList(‘getSelectedItem’);
Batchprofile.PeriodID = periodId.value;
}
else {
Batchprofile.PeriodID = -1;
}

if (programItems.length > 0) {
var programId = $(“#cmbProgramjqx”).jqxComboBox(‘getSelectedItem’);
Batchprofile.ProgramID = programId.value;
}
else {
Batchprofile.ProgramID = 0;
}

if (streamItems.length > 0) {
var streamId = $(“#Regulationjqx”).jqxDropDownList(‘getSelectedItem’);
Batchprofile.StreamID = streamId.value;
}
else {
Batchprofile.StreamID = -1;
}

Batchprofile.RequestID = -1;

if (centreItems.length > 0) {
var centreId = $(“#cmbCentrejqx”).jqxComboBox(‘getSelectedItem’);
Batchprofile.CentreID = centreId.value;
}
else {
Batchprofile.CentreID = -1;
}

if (ReqTypeItems.length > 0) {
var requestTypeId = $(“#ddlRequestTypejqx”).jqxDropDownList(‘getSelectedItem’);
Batchprofile.RequestTypeID = requestTypeId.value;
}
else {
Batchprofile.RequestTypeID = -1;
}
Batchprofile.StudentID = -1;

var source =
{
datatype: “json”,
datafields: [
{ name: ‘Selection’ },
{ name: ‘ID’, type: ‘int’ },
{ name: ‘FeeComponentName’ },
{ name: ‘Amount’, type: ‘float’ },
{ name: ‘Quantity’, type: ‘int’ },
{ name: ‘PaidAmout’, type: ‘int’ }
],
updaterow: function (rowid, rowdata, commit) {
// synchronize with the server – send update command
// call commit with parameter true if the synchronization with the server is successful
// and with parameter false if the synchronization failder.
commit(true);
}
};
//var strTest = ‘{“Batchprofile”:’ + JSON.stringify(Batchprofile) + ‘}’;
$.ajax({
url: locationUrl + ‘/AdmissionRequest.asmx/getFeeComponentsJD’,
type: ‘POST’,
dataType: ‘json’,
data: ‘{“Batchprofile”:’ + JSON.stringify(Batchprofile) + ‘}’,
async: false,
cache: false,
contentType: ‘application/json; charset=utf-8’,
success: function (data) {
source.localdata = data.d;
},
error: function (xhr, status, error) {
alert(JSON.stringify(xhr));
}
});

var dataAdapter = new $.jqx.dataAdapter(source);

// initialize jqxGrid
$(“#RequestCompGrid”).jqxGrid(
{
source: dataAdapter
});

});
}

//**************************** Create Draft Details Grid *****************
$(document).ready(function () {
//debugger
var theme = getTheme();

var Batchprofile = {};

var generaterow = function (i) {
var row = {};

row[“PayMode”] = “”;
row[“DDChequeNo”] = “”;
row[“DDDate”] = new Date;
row[“BankName”] = “”;
row[“InFavour”] = “”;
row[“Amount”] = 0;
row[“SeqNo”] = 0;
return row;
}

var source =
{
datatype: “json”,
datafields: [
{ name: ‘PayMode’ },
{ name: ‘DDChequeNo’ },
{ name: ‘DDDate’ },
{ name: ‘BankName’ },
{ name: ‘InFavour’ },
{ name: ‘Amount’ },
{ name: ‘SeqNo’ }
],
updaterow: function (rowid, rowdata, commit) {
// synchronize with the server – send update command
// call commit with parameter true if the synchronization with the server is successful
// and with parameter false if the synchronization failder.
commit(true);
}
};

$.ajax({
url: locationUrl + ‘/AdmissionRequest.asmx/getFeeComponentsJD’,
type: ‘POST’,
dataType: ‘json’,
data: ‘{“Batchprofile”:’ + JSON.stringify(Batchprofile) + ‘}’,
async: false,
cache: false,
contentType: ‘application/json; charset=utf-8’,
success: function (data) {
source.localdata = data.d;
},
error: function (xhr, status, error) {
alert(JSON.stringify(xhr));
}
});

var dataAdapter = new $.jqx.dataAdapter(source);

// initialize jqxGrid
$(“#gvDDDetailsjqx”).jqxGrid(
{
width: 680,
source: dataAdapter,
editable: true,
//theme: theme,
selectionmode: ‘singlecell’,
editmode: ‘click’,
columns: [
{ text: ‘Pay Mode’, datafield: ‘PayMode’, columntype: ‘dropdownlist’, width: 67,
createeditor: function (row, cellvalue, editor) {
editor.jqxDropDownList({ displayMember: ‘PayMode’,
valueMember: ‘PayModeID’, source: loadGridDropDownList(‘PayMode’, ‘PayModeID’, ‘PaymentMode’)
});
// editor.bind(‘select’, function (event) {
// var selectedIndex = event.args.index;
// var value = $(‘#gvDDDetailsjqx’).jqxGrid(‘getcellvalue’, selectedIndex, “PayMode”)
// alert(“Selected Index” + selectedIndex + ” value ” +value);

// });
}

},
{ text: ‘DD/ChequeNo’, datafield: ‘DDChequeNo’, columntype: ‘textbox’, width: 120 },
{ text: ‘DD Date’, datafield: ‘DDDate’, columntype: ‘datetimeinput’, width: 100,
cellsalign: ‘right’, cellsformat: ‘d’,
validation: function (cell, value) {
var year = value.getFullYear();
if (year >= 2013) {
return { result: false, message: “Draft/Cheque Date should be before 1/1/2013” };
}
return true;
}

},
{ text: ‘Bank Name’, datafield: ‘BankName’, columntype: ‘dropdownlist’, width: 150,
createeditor: function (row, cellvalue, editor) {
editor.jqxDropDownList({ displayMember: ‘BankName’,
valueMember: ‘BankID’, source: loadGridDropDownList(‘BankName’, ‘BankID’, ‘Bank’)
});
}

},
{ text: ‘InFavour’, datafield: ‘InFavour’, columntype: ‘dropdownlist’, width: 150,
createeditor: function (row, cellvalue, editor) {
editor.jqxDropDownList({ displayMember: ‘FavourType’,
valueMember: ‘FavourID’, source: loadGridDropDownList(‘FavourType’, ‘FavourID’, ‘InFavour’)
});
}

},
{ text: ‘Amount’, datafield: ‘Amount’, columntype: ‘numberinput’, width: 80, cellsalign: ‘right’,
validation: function (cell, value) {
if (value 0) {
var periodId = $(“#ddlPeriodjqx”).jqxDropDownList(‘getSelectedItem’);
Batchprofile.PeriodID = periodId.value;
}
else {
Batchprofile.PeriodID = -1;
}
if ($(“#hdnBatchID”).value == null) {
Batchprofile.BatchID = -1
}
else {
Batchprofile.BatchID = $(“#hdnBatchID”).value;
}

// prepare the data
var dropDownListSource =
{
datatype: “json”,
datafields: [
{ name: dField },
{ name: vField }
]
};
var TableName = tableName;
var strTest = ‘”Batchprofile”:’ + JSON.stringify(Batchprofile) + ‘,’ + ‘”tableName”:’ + JSON.stringify(TableName);

$.ajax({
url: locationUrl + ‘/AdmissionRequest.asmx/getDraftDetails’,
type: ‘POST’,
dataType: ‘json’,
data: ‘{‘ + strTest +’}’,
async: false,
cache: false,
contentType: ‘application/json; charset=utf-8’,
success: function (data) {
dropDownListSource.localdata = data.d;
},
error: function (xhr, status, error) {
alert(JSON.stringify(xhr));
}
});

var dropdownListAdapter = new $.jqx.dataAdapter(dropDownListSource, { autoBind: true, async: false });

return dropdownListAdapter;
}

//**************************** End of Draft Details Grid *****************
function addrowbutton_onclick() {
document.getElementById(‘cancelrowbutton’).style.visibility = “visible”;
document.getElementById(‘updaterowbutton’).style.visibility = “visible”;
}

function cancelrowbutton_onclick() {
document.getElementById(‘cancelrowbutton’).style.visibility = “hidden”;
document.getElementById(‘updaterowbutton’).style.visibility = “hidden”;
}

function updaterowbutton_onclick() {
document.getElementById(‘cancelrowbutton’).style.visibility = “hidden”;
document.getElementById(‘updaterowbutton’).style.visibility = “hidden”;
}

$(document).ready(function () {
// Save Button Click Event.
$(“#btnSaveDetails”).bind(‘click’, function () {
//debugger
var BatchProcessingProfile = {};
var perioditems = $(“#ddlPeriodjqx”).jqxDropDownList(‘getItems’);
var programItems = $(“#cmbProgramjqx”).jqxComboBox(‘getItems’);
var streamItems = $(“#Regulationjqx”).jqxDropDownList(‘getItems’);
var centreItems = $(“#cmbCentrejqx”).jqxComboBox(‘getItems’);
var ReqTypeItems = $(“#ddlRequestTypejqx”).jqxDropDownList(‘getItems’);

if (perioditems.length > 0) {
var periodId = $(“#ddlPeriodjqx”).jqxDropDownList(‘getSelectedItem’);
BatchProcessingProfile.PeriodID = periodId.value;
}
else {
$(“#imgSuccess”).Visible = true;
$(“#imgSuccess”).ImageUrl = “~/App_Themes/AUT/Images/icon_warning.gif”;

}

if (programItems.length > 0) {
var programId = $(“#cmbProgramjqx”).jqxComboBox(‘getSelectedItem’);
BatchProcessingProfile.ProgramID = programId.value;
}
else {
BatchProcessingProfile.ProgramID = 0;
}

if (streamItems.length > 0) {
var streamId = $(“#Regulationjqx”).jqxDropDownList(‘getSelectedItem’);
BatchProcessingProfile.StreamID = streamId.value;
}
else {
BatchProcessingProfile.StreamID = -1;
}

BatchProcessingProfile.RequestID = -1;

if (centreItems.length > 0) {
var centreId = $(“#cmbCentrejqx”).jqxComboBox(‘getSelectedItem’);
if (centreId.value > 0) {
BatchProcessingProfile.CentreID = centreId.value;
}
else {
alert(“Please Select a Centre”);
}
}
else {
$(“#imgSuccess”).Visible = true;
$(“#imgSuccess”).ImageUrl = “~/App_Themes/AUT/Images/icon_warning.gif”;

}

if (ReqTypeItems.length > 0) {
var requestTypeId = $(“#ddlRequestTypejqx”).jqxDropDownList(‘getSelectedItem’);
BatchProcessingProfile.RequestTypeID = requestTypeId.value;
}
else {
BatchProcessingProfile.RequestTypeID = -1;
}
BatchProcessingProfile.StudentID = -1;

var Draftdata = $(“#RequestCompGrid”).jqxGrid(‘exportdata’, ‘xml’);
alert(JSON.stringify(Draftdata));

});
});

p { color:red; }
.displayText
{
color: Blue;
font-family: Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size: 11px;
font-weight: normal;
}
.displayText
{
color: Blue;
font-family: Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size: 11px;
font-weight: normal;
}
.displayText
{
color: Blue;
font-family: Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size: 11px;
font-weight: normal;
}
#txtApplicantName
{
width: 252px;
}
#txtApplicationNo
{
width: 246px;
}

Batch Date

Period

Request Date

Application Number

Request Type

Applicant Name

Regulation

Course

Admission Mode

Centre Name

Prospectus Bill No

No Records to Display

<asp:CheckBox ID="chkSelect1" runat="server" Checked='’ onclick=”CheckOne(this);” />

<asp:TextBox ID="txtAmount" runat="server" Text='’ Style=”text-align: right;
border: 0px; font-size: xx-Medium; display:none;” contentEditable=”false” Width=”100px” BackColor=”Transparent” />
<asp:Label ID="TextBox1" runat="server" Text='’ Width=”100px” Style=”text-align: right;” />

         

No Records to Display

<asp:Label ID="lblPaymentMode" runat="server" Text='’
Width=”80px” />

<asp:TextBox ID="txtDDChequeNo" runat="server" MaxLength="10" Text='’
Width=”80px” onkeypress=”return checkNum(this);” />

<asp:Label ID="lblDDChequeNo" runat="server" Text='’
Width=”80px” />

<asp:TextBox ID="txtDDDate" runat="server" Text='’
Width=”80px”>

<asp:Label ID="lblDDDate" runat="server" Text='’
Width=”80px” />

<asp:Label ID="lblBank" runat="server" Text='’ />
<asp:Label ID="lblBankBranch" runat="server" Text='’
Style=”display: none;” />

<asp:Label ID="lblInFavour" runat="server" Text='’ />

<asp:TextBox ID="txtAmount0" runat="server" MaxLength="12" Text='’
Width=”50px” onkeypress=”return DecimalValidate(event);”
Style=”text-align: right;” />

<asp:Label ID="lblAmount" runat="server" Text='’ />

<asp:Label ID="lblSeqNo" runat="server" Text='’ />

$(document).ready(function () {
// create jqxCheckBox.
$(“#jqxcheckbox”).jqxCheckBox({ width: 120, height: 25 });
// bind to change event.
$(“#jqxcheckbox”).bind(‘change’, function (event) {
var checked = event.args.checked;
$(‘#log’).html(‘checked: ‘ + checked);
});
});

Click me

[rameshgurunathanMember]

Will screen shot help you to spot the error?

 

[rameshgurunathanMember]

Thanks for your quick reply

Here is my sample code:

$(document).ready(function () {
//debugger
var theme = getTheme();

var Batchprofile = {};

var perioditems = $(“#ddlPeriodjqx”).jqxDropDownList(‘getItems’);
var programItems = $(“#cmbProgramjqx”).jqxComboBox(‘getItems’);
var streamItems = $(“#Regulationjqx”).jqxDropDownList(‘getItems’);
var centreItems = $(“#cmbCentrejqx”).jqxComboBox(‘getItems’);
var ReqTypeItems = $(“#ddlRequestTypejqx”).jqxDropDownList(‘getItems’);
if (perioditems.length > 0) {
var periodId = $(“#ddlPeriodjqx”).jqxDropDownList(‘getSelectedItem’);
Batchprofile.PeriodID = periodId.value;
}
else {
Batchprofile.PeriodID = -1;
}

if (programItems.length > 0) {
var programId = $(“#cmbProgramjqx”).jqxComboBox(‘getSelectedItem’);
Batchprofile.ProgramID = programId.value;
}
else {
Batchprofile.ProgramID = 0;
}

if (streamItems.length > 0) {
var streamId = $(“#Regulationjqx”).jqxDropDownList(‘getSelectedItem’);
Batchprofile.StreamID = streamId.value;
}
else {
Batchprofile.StreamID = -1;
}

if (ReqTypeItems.length > 0) {
var requestId = $(“#ddlRequestTypejqx”).jqxDropDownList(‘getSelectedItem’);
Batchprofile.RequestID = requestId.value;
}
else {
Batchprofile.RequestID = -1;
}

if (centreItems.length > 0) {
var centreId = $(“#cmbCentrejqx”).jqxComboBox(‘getSelectedItem’);
Batchprofile.CentreID = centreId.value;
}
else {
Batchprofile.CentreID = -1;
}

Batchprofile.StudentID = -1;
var source =
{
datatype: “json”,
datafields: [
{ name: ‘Selection’ },
{ name: ‘ID’,type: ‘int’ },
{ name: ‘FeeComponentName’ },
{ name: ‘Amount’ },
{ name: ‘Quantity’, type: ‘int’ },
{ name: ‘PaidAmout’, type: ‘int’ }
],
updaterow: function (rowid, rowdata, commit) {
// synchronize with the server – send update command
// call commit with parameter true if the synchronization with the server is successful
// and with parameter false if the synchronization failder.
commit(true);
}
};

$.ajax({
url: locationUrl + ‘/AdmissionRequest.asmx/getFeeComponentsJD’,
type: ‘POST’,
dataType: ‘json’,
data: ‘{“Batchprofile”:’ + JSON.stringify(Batchprofile) + ‘}’,
async: false,
cache: false,
contentType: ‘application/json; charset=utf-8’,
success: function (data) {
source.localdata = data.d;
},
error: function (xhr, status, error) {
alert(JSON.stringify(xhr));
}
});

var dataAdapter = new $.jqx.dataAdapter(source);

// initialize jqxGrid
$(“#RequestCompGrid”).jqxGrid(
{
width: 680,
source: dataAdapter,
editable: true,
theme: theme,
selectionmode: ‘singlecell’,
columns: [
{ text: ‘Select’, datafield: ‘Selection’, columntype: ‘checkbox’, width: 67 },
{ text: ‘ID’, datafield: ‘ID’, columntype: ‘textbox’, width: 80 },
{ text: ‘Fee Component Name’, datafield: ‘FeeComponentName’, columntype: ‘textbox’, width: 500,editable: false
},
{ text: ‘Fees’, datafield: ‘Amount’, columntype: ‘numberinput’, width: 100, cellsformat: ‘d2’
, cellsalign: ‘right’,editable: false
},
{ text: ‘Quantity’, datafield: ‘Quantity’, columntype: ‘textbox’, width: 80 },
{ text: ‘Paid Amount’, datafield: ‘PaidAmount’, columntype: ‘textbox’, width: 80 }
]
});

$(‘#RequestCompGrid’).jqxGrid(‘hidecolumn’, ‘ID’);
$(‘#RequestCompGrid’).jqxGrid(‘hidecolumn’, ‘Quantity’);
$(‘#RequestCompGrid’).jqxGrid(‘hidecolumn’, ‘PaidAmount’);
$(‘#RequestCompGrid’).jqxGrid({ autoheight: true });

// // events
// $(“#RequestCompGrid”).bind(‘cellbeginedit’, function (event) {
// var args = event.args;
// $(“#cellbegineditevent”).html(“Event Type: cellbeginedit, Column: ” + args.datafield + “, Row: ” + (1 + args.rowindex) + “, Value: ” + args.value);
// });

// $(“#RequestCompGrid”).bind(‘cellendedit’, function (event) {
// var args = event.args;
// $(“#cellendeditevent”).html(“Event Type: cellendedit, Column: ” + args.datafield + “, Row: ” + (1 + args.rowindex) + “, Value: ” + args.value);
// });
});

// var rowEdit = function (row) {
// //if (row == 0)
// return false;
// }

// select or unselect rows when the checkbox is checked or unchecked.
$(“#RequestCompGrid”).bind(‘cellendedit’, function (event) {

if (event.args.value) {
$(“#RequestCompGrid”).jqxGrid(‘selectrow’, event.args.rowindex);
}
else {
$(“#RequestCompGrid”).jqxGrid(‘unselectrow’, event.args.rowindex);
}
});

[rameshgurunathanMember]

Hi Dimitar

Thanks for your reply. I tried myself and It worked for me. Thank you so much.

Ramesh Gurunathan.

[Author]

Posts