Questions on Kendo UI for jQuery Forum

1 answer

155 views

Hi,

I have a problem related to pdf export. If exported view is too long, it's not visible in pdf, and I must zoom it for looking smth (see pdf-export.png). Can I do smth, for example export pdf already zoomed in, and zoom it out if needed?

Gantt

answered on 02 Sep 2020

1 answer

301 views

pageSizes : [10,20,30] not showing

Hi, I set the pageSize option on the grid, but I'm having a hard time because it's not shown on the screen.

So I can't see the page selection drop-down even though I deactivated all my csss and enabled only the css and js related to kendo.

What should I check to solve this problem?

I will attach my current screen and my grid creation code.

Help me...

$("#dataTable").kendoGrid({
sortable: true,
selectable: true,
groupable: false,
scrollable: true,
dataSource: {
data: [],
pageSize : 10
},
pageable: {
pageSizes: [10,50,100]
},
columns: [
{ title: "No", attributes:{style: "text-align: center"}, template: "#= renderNumber(data) #", width: "50px"},
{ field: "id", title: "SEQ", width: "130px", hidden:true},
{ field: "registDt", title: "일시", width: "160px", attributes:{style: "text-align: center"}, template: '#=registDt==null?" ":new Date(registDt).getDateTime()#' },
],
//dataBound: resetRowNumber,
});

Grid

answered on 01 Sep 2020

5 answers

865 views

Upload MVC hide upload status

I am using Upload MVC in our application and file list is hidden by default in our app. But Upload still show upload status below the upload button. How to hide the status data?

<strong class="k-upload-status k-upload-status-total">Done<span class="k-icon k-warning">uploaded</span></strong>

Upload

answered on 01 Sep 2020

1 answer

810 views

Kendo AngularJS kendo-date-picker: How to force FORM posting format to yyyy-MM-dd

I am updating an older site running AngularJS and Kendo in Asp.Net MVC

My html Form has this control that is posted to the back end:

@using (Html.BeginForm( new { name = "frmMain", novalidate = "", id = "frmMain" }))

<input kendo-date-picker

ng-model=".BiWeeklyStartDate"

k-parse-formats="['yyyy-MM-dd']"

k-format="'yyyy-MM-dd'"/></p>

The date that is posted to the backend is a full date. How can I change that so that the Kendo Control sends "yyyy-MM-dd" to the backend only?

DatePicker

answered on 01 Sep 2020

7 answers

2.5K+ views

Is it possible to control the destroy command button?

Hi,

Is there any way to control the delete button which is displayed by using the {command: 'destroy',title:"Action", width:"20px",attributes: {"class": "delete-row"}

It is doing the necessary thing right, that is deleting a row, but i would like to control it such a way that if there's only one row remaining in that particular grid, it should alert or display a message saying that you will not be able to delete it.

If there are more than one rows then, its ok. But if there is only 1 row remaining, I wanted to handle this.

Can you please tell me a method for doing so?

Thank you.

Grid

answered on 01 Sep 2020

9 answers

175 views

Inline Grid auto search get value in javascript

This is my func userNameAutoCompleteEditor

function userNameAutoCompleteEditor(container, options) {

$('<input required data-bind="value:' + options.field + '"/>')

.appendTo(container)

.kendoAutoComplete({

dataTextField: "UserName",

dataValueField: "UserId",

filter: "contains",

minLength: 3,

//_readMethod: '../Warehouse/SearchUser',

dataSource: new kendo.data.DataSource({

transport: {

read: {

url: '../Warehouse/SearchUser',

//data: {

// q: function () {

// return $("#autoComplete").data("kendoAutoComplete").value();

// },

// maxRows: 10,

// username: "demo"

//}

}

},

}),

});

}

"" " I want to Catch autosearc value go connroller and come back with user name contains value just give me way to take value PLEASE!!!!""

This is my grid column area

grid._columns.push(grid.GridColumn('Id', null, '200px', null, null, null, null, null, null, null, true));

grid._columns.push(grid.GridColumn('User', 'User', '200px', null, "#=User.UserName#", null, null, null, null, null, null, null, null, null, userNameAutoCompleteEditor));

grid._columns.push(grid.GridColumn(null, ' ', '200px', { style: 'text-align:right' }, null, null, null, null, null, null, null, null, null, ['edit', 'destroy']));

AutoComplete

answered on 01 Sep 2020

5 answers

191 views

have problem in creating grid from a table

hello everybody.
i have a problem in my grid which was created from a table.
in my table i have a row which contains a cell with textBox . i attached an event listener to this textBox in my script tag.
my problem is that this event listener does not fire when it should but if i put this input out of the table , the event listener fires properly.
what is the problem with that? does grid removes event listeners ?
please help me. how can i fix this?

Grid

answered on 31 Aug 2020

1 answer

784 views

Checkbox Reverting to Original Value on grid.saveChange()

Hello.

I have a grid that contains user information and a few checkbox templates. Whenever I edit set the checkbox to true or vice versa and click save changes the checkbox reverts to its original value.

Here are the main snippets that handle this event:

$("#btnSaveChanges").click(function () {

grid = $("#grid").data("kendoGrid");

grid.saveChanges();

});

function SetActive(e) {

grid = $("#grid").data("kendoGrid");

dataItem = grid.dataItem($(e).closest("tr"));

dataItem.set("IsAssigned", e.checked);

grid.refresh();

}

function renderGrid(value) {

grid = $("#grid").kendoGrid({

dataSource: {

sort: { field: "NameFirst", dir: "asc" },

batch: true,

pageSize: 100,

error: function (e) {

if (typeof e.errors !== 'undefined') {

alert(e.errors);

}

},

requestEnd: function (e) {

if (e.type === "update") {

$('#grid').data('kendoGrid').dataSource.read();

}

},

transport: {

read: {

url: "GetContacts",

dataType: "json",

cache: false,

data: function () {

return {

ID: $("#DDLConceptID").val(),

isNational: $("#DDLConceptID").find('option:selected').attr("data-isNational")

};

}

},

update: {

url: "UpdateContacts",

dataType: "json",

type: "POST"

},

parameterMap: function (data, type) {

if (type === "update") {

return { entities: kendo.stringify(data.models) };

}

else {

return data;

}

},

schema: {

data: "Data",

total: "Total",

errors: "Errors",

model: {

id: "ContactID",

fields: {

Email: { type: "string" },

IsAssigned: { type: "boolean" },

RoleID: { type: "string" },

ConceptID: { editable: false },

ContactID: { editable: false },

RcvEmail: { type: "boolean" },

RcvQAEmail: { type: "boolean" },

RcvOrderEmail: { type: "boolean" },

Seq: { editable: true },

DistName: { editable: false },

RoleDescription: { type: "string" },

NameFirst: { type: "string" },

NameLast: { type: "string" },

Phone: { type: "string" }

}

},

sortable: true,

filterable: {

extra: false,

operators: {

string: {

contains: "Contains"

}

},

height: 600,

pageable: true,

scrollable: true,

editable: true,

autoBind: value,

columns: [

{ field: "ContactConceptID", title: "Contact ID", hidden: true },

{ field: "ConceptID", title: "Concept ID", hidden: true },

{ field: "ContactID", title: "Contact ID", hidden: true },

{ field: "IsNational", title: "Is National", hidden: true },

{ field: "Seq", title: "Seq", width: 100 },

{ field: "NameFirst", title: "First Name", width: 150 },

{ field: "NameLast", title: "Last Name", width: 150 },

{ field: "Phone", title: "Phone", width: 250 },

{ field: "RoleDescription", title: "Role", width: 140 },

{ field: "RoleID", title: "Type", width: 100, editor: roleIDEditor },

{ field: "Email", title: "E-mail", width: 250 },

{ title: "Assigned", template: '<input class="btnActive" onchange=\'SetActive(this);\' type="checkbox" #= IsAssigned ? checked="checked" : "" # class="assignChkbx" />', width: 125 },

{ title: "Notes E-mail", template: '<input type="checkbox" #= RcvEmail ? checked="checked" : "" # class="rcvEmailChkbx" />', width: 125 },

{ title: "QA E-mail", template: '<input type="checkbox" #= RcvQAEmail ? checked="checked" : "" # class="rcvQAEmailChkbx" />', width: 125 },

{ title: "Order E-mail", template: '<input type="checkbox" #= RcvOrderEmail ? checked="checked" : "" # class="rcvOrderEmailChkbx" />', width: 125 },

{ field: "DistName", title: "Distributor", width: 200 },

{ command: { name: "Remove", text: "Remove", click: removeBDCAM }, width: 85 }

],//end of columns

}).data('kendoGrid')

}

Grid

answered on 31 Aug 2020

5 answers

1.2K+ views

kendo grid initial sort visual

I am trying to define an initial sort.

as far as the request, the sort is working and the data comes sorted.

the problem is that in the header, the visual arrow of sort column and direction is not shown.

only after physical click on the column it shows.
please help, this is the used code:

$scope.mainGridOptions = {

dataSource: {

sort: { field: "email", dir: "desc"},

serverPaging: true,

serverSorting: true,

pageSize: 50,

transport: {

read: {

type: "GET",

dataType: "json",

url: "/p/enduser/licenses/allocation/listWithDevices",

headers: {

"X-AUTH-TOKEN": authService.getToken()

}

},

parameterMap: function(data, type) {

if (type == "read") {

console.log(data);

return {

pageSize: data.take,

page: (data.skip/data.take),

sortBy: data.sort?data.sort[0].field:null,

sortDir: data.sort?data.sort[0].dir:null

}

},

schema: { data: "items", total: "itemsCount" }

},

height: $scope.resize(),

scrollable: {

virtual: true

},

sortable: {

allowUnsort: false,

mode:'single'

}

};

Grid

answered on 31 Aug 2020

1 answer

2.3K+ views

How to change delete confirmation message title kendo jQuery grid?

How to get remove title from the Kendo MVC jquery Grid Destroy Command confirmation message ? Please see the attached file. below my grid command. I want to remove "locahost:50144 says" title.
command: [{ className: "btn ez-icon-btn text-danger", name: "destroy", text: "" }]

Can anyone help me how to do that?
FYI, I'm working on ASP.NET MVC with Kendo jQuery Grid. Thanks !

Grid

answered on 31 Aug 2020