jQWidgets Forums
Forum Replies Created
-
Author
-
January 17, 2014 at 12:31 pm in reply to: Bind jquerycombobox(other jquery controls) to JqxGrid Bind jquerycombobox(other jquery controls) to JqxGrid #48009
Hi perter,
Thanks for reply, i mean i have to bind other controls to grid like jqueryautocomplete or choosen controls to grid, not the jqwidget controls… so please help me in this issue..
Regards,
Rani.Hi Mariya,
thank you for reply,
182.72.253.79/downloads/pager.zip
please check the above path,
i need pager like that,
can you give me a sample?regards,
ranihi Mariya,
Thank u very much.
Regards,
raniHi peter,
I have expect what i need from your support and i thought it might be very useful controls for my projects..but this controls are not deliver what we expect …and i hope you resolve very soon this issues…so that we will not create duplicate post in future…
thanks once again for your great support….
regards,
rani.Hi peter,
I am unable to solve this issue , as i have depenedent dropdownlist (country->state->city) in grid. can you please give one sample code or can we use other jquery controls instead of jqxdropdownlist, as it is wasting most of the time..
thanks & regards,
Rani.Hi,
thanks for ur reply….atleast will you provide ,createeditor and initeditor functions example as you mentioned in above reply….it would helpful for us…as we are using your controls…so give us support…so that we can use in other projects too…
thanks & regards,
Rani…hi,
var getLocalization = function () {
var localizationobj = {};
localizationobj.emptydatastring = “Click on ADD FILES to select files for ingest”;return localizationobj;
}
above code i am using to change the emptydatastring, but i need to change the emptydatastring alignment.regards,
sudhahello,
user can allow to type text,
prevent user typing if words doesn’t match anything in the listbox ?
For example, if the item ‘komali’ is present in the listbox, the user can type ‘kom’ but not ‘komali’.regards,rani
hi,
thanks for reply,
actually i don’t want cells align,
if there are no records in the grid,
grid shows “No data to display”.
I need to change the thistext align.Regards,
raniHello Peter,
Thanks for reply, but it doesn’t help me out. so please provide me one sample code where grid contain 3 or more jqxcombobox which is dependent on one another(ex: country->state->city).
regards,
Rani.Hi Peter,
will you please provide one sample code for above scenario…so that it will be helpful to implement in our application….
thanks & Regards,
Rani…where i have to set the above line
give me full code.November 18, 2013 at 5:10 am in reply to: loading failed when binding large amount of data to grid loading failed when binding large amount of data to grid #32808Hello,
I followed whatever you suggested above.
but i am not getting large amount of data.
below is my code.$(document).ready(function () {
//debugger;
var editrow = -1;
var AssetId = 1;
// prepare the data
var getAdapter = function () {
var source =
{datatype: “json”,
datafields: [
{ name: ‘Name’ },
{ name: ‘PKAssetTypeID’ },
{ name: ‘IsActive’, type: ‘bool’ }
],
id: ‘PKAssetTypeID’,
url: “/AssetType/GetAll”,updaterow: function (rowid, rowdata, commit) {
// that function is called after each edit.var rowindex = $(“#AssetTypeGrid”).jqxGrid(‘getrowboundindexbyid’, rowid);
//editedRows.push({ index: rowindex, data: rowdata });//getting update data
function GetAssetModel() {
var Asset = {};Asset.PKAssetTypeID = rowdata.PKAssetTypeID;
Asset.Name = rowdata.Name;
return Asset;
}var test = JSON.stringify(GetAssetModel());
//**
$.ajax({
url: ‘/AssetType/SaveAssettype/’,
data: test,
cache: false,
type: ‘POST’,
contentType: ‘application/json; charset=utf-8’,
processData: true,
success: function (data) {
ShowSuccessNotifyMessage(data.Message);}
}).fail(
function (xhr, textStatus, err) {
alert(err);
});//**
commit(true);
}};
var assetTypesdataAdapter = new $.jqx.dataAdapter(source);
return assetTypesdataAdapter;
}
// initialize the popup window and buttons.
$(“#popupWindow”).jqxWindow({
title: ‘New Asset Types:’, width: 250, resizable: false, theme: ‘arctic’, isModal: true, autoOpen: false, cancelButton: $(“#Cancel”), modalOpacity: 0.01
});$(“#AssetTypeGrid”).jqxGrid(
{
width: 600,
source: getAdapter(),
pageable: true,
autoheight: true,
theme: ‘arctic’,
selectionmode: ‘singlerecord’,
sortable: true,
altrows: true,
enabletooltips: true,editmode: ‘dblclick’,
editable: true,
showtoolbar: true,
rendertoolbar: function (toolbar) {
// appends buttons to the status bar.
var container = $(““);
var addButton = $(“Add“);
var deleteButton = $(“Delete“);
//var deleteButton = $(“
Delete“);
container.append(addButton);
container.append(deleteButton);
toolbar.append(container);
addButton.jqxButton({ theme: ‘arctic’, width: 50, height: 10 });deleteButton.jqxButton({ theme: ‘arctic’, width: 70, height: 10 });
// add new row.
addButton.click(function (event) {var offset = $(“#AssetTypeGrid”).offset();
$(“#popupWindow”).jqxWindow({ resizable: false, theme: ‘arctic’, autoOpen: false });
$(“#popupWindow”).jqxWindow({ position: { x: parseInt(offset.left) + 450, y: parseInt(offset.top) + 10 } });
$(‘#popupWindow’).jqxWindow(‘open’);});
// delete selected row.
deleteButton.click(function (event) {
var selectedrowindex = $(“#AssetTypeGrid”).jqxGrid(‘getselectedrowindex’);
var rowscount = $(“#AssetTypeGrid”).jqxGrid(‘getdatainformation’).rowscount;
var id = $(“#AssetTypeGrid”).jqxGrid(‘getrowid’, selectedrowindex);
if (id != null) {$.ajax({
cache: false,
dataType: ‘json’,
contentType: “application/json; charset=utf-8”,
url: ‘/AssetType/DeleteAssettype?assetTypeID=’ + id,
type: “POST”,
success: function (data, status, xhr) {
$(“#AssetTypeGrid”).jqxGrid(‘deleterow’, id);
ShowSuccessNotifyMessage(data.Message);
},
error: function (jqXHR, textStatus, errorThrown) {ShowSuccessNotifyMessage(errorThrown);
}
});
}
else {
ShowSuccessNotifyMessage(“Please select the record”);
}
//});});
},
columns: [
{ text: ‘Name’, datafield: ‘Name’, width: 250 },
{ text: ‘Active’, datafield: ‘IsActive’, columntype: ‘checkbox’ }]
});
//
var editModes = [‘Click’, ‘Double-Click’, ‘Selected Cell Click’];
$(“#editmodes”).on(‘select’, function (event) {
var index = event.args.index;
var editMode = index == 0 ? ‘click’ : index == 1 ? ‘dblclick’ : ‘selectedcell’;
$(“#AssetTypeGrid”).jqxGrid({ editmode: editMode });
});
//
// create jqxWindow.
$(“#popupWindow”).jqxWindow({ resizable: false, theme: ‘arctic’, autoOpen: false, width: 300, height: 250 });$(“#Cancel”).jqxButton({ theme: ‘arctic’ });
$(“#Save”).jqxButton({ theme: ‘arctic’ });
$(“#Save”).click(function () {var row = { Name: $(“#txt”).val(), IsActive: $(“#chk”).is(“:checked”) };
var test = JSON.stringify(row);
// debugger;
$.ajax({
url: ‘/AssetType/InsertAssettype/’,
cache: false,
type: ‘POST’,
contentType: ‘application/json; charset=utf-8’,
data: test,
success: function (data) {
rowID = data.PKAssetTypeID;
txt.value = “”;
chk.checked = false;
$(“#popupWindow”).jqxWindow(‘hide’);
$(‘#AssetTypeGrid’).jqxGrid(‘addrow’, rowID, row);
ShowSuccessNotifyMessage(‘AssetType details are inserted sucessfully’);}
}).fail(
function (xhr, textStatus, err) {
alert(err);
});});
});in the above code , i removed the call back functionality.
once check my code and where i have done a mistake.
please give me reply.Regards,
sudharani -
AuthorPosts