Questions on Kendo UI for jQuery Forum

1 answer

165 views

tagTemplate

are you considering adding a tagTemplate (like multiselect: https://docs.telerik.com/kendo-ui/api/javascript/ui/multiselect/configuration/tagtemplate) to DropDownTree?

DropDownTree

answered on 26 Feb 2019

8 answers

636 views

[Solved] Treelist multicolumn headers styling issues

I am using Treelist Multicolumn headers to apply multiple columns in treelist. I have been facing an issue when applying attributes & headerAttributes properties. I tried implementing it in the below link example, but it doesn't works. I found there is a bug reported in Github related to this issue, but not sure whether its fixed or available in the latest version. Is there any fixes ? Thanks.

https://dojo.telerik.com/@paulrajj/iJifOwas

TreeList

answered on 26 Feb 2019

1 answer

193 views

telerik kendo chart not binding to string

I am new to telerik kendo chart I have created a string that is being returned from an ashx page. I want the x Axis to be the date has in the month and year and for each date there will be two box going up to the number.

ASHX.CS Page

string JSON = sb.ToString(); context.Response.ContentType = "text/json"; context.Response.Write(JSON);

Returns

[{"Date":"2/2018""Images":"199956""ImagesDownloads":"540903"},{"Date":"3/2018""Images":"226606""ImagesDownloads":"635068"}]

JS Page

Chat

answered on 25 Feb 2019

1 answer

146 views

How to integrate Kendo Progressbar into Grig column ising template?

We want to use Kendo vertical progressbar in one of our grig (basic usage) column (named "Zero"). All matherials were took from spring demos.

We have tried to use basic html progress-bar (template="<progress max='100' value='75' style='transform: rotate(-90deg); height: 40px; background-color: \#d40000'></progress></div>'"/>) and it's work correctly (but we already have some problems with style - we can't change progressbar color).

However, when we tried to use:

template="<kendo:grid name='grid' groupable='true' sortable='true' style='height:550px;'>"

it stop worked.

Hull code:

<kendo:grid name="grid" groupable="true" sortable="true" style="height:550px;">
<kendo:grid-pageable refresh="true" pageSizes="true" buttonCount="5">
</kendo:grid-pageable>

<kendo:grid-columns>

<kendo:grid-column title="Zero" field="zero" width="470" template="<kendo:grid name='grid' groupable='true' sortable='true' style='height:550px;'>"
/>

<kendo:grid-column title="Contact Name" field="contactName" width="240"
template="<div class='customer-photo' style='background-image: url(../resources/web/Customers/#:data.customerId#.jpg);'></div><div class='customer-name'>#: contactName #</div>">
</kendo:grid-column>
<kendo:grid-column title="Contact Title" field="contactTitle" />
<kendo:grid-column title="Company Name" field="companyName" />
<kendo:grid-column title="Country" field="country" width="150" />
</kendo:grid-columns>

Grid

answered on 25 Feb 2019

4 answers

594 views

Stopping navigation

I am trying to stop the navigation on the Calendar to use it for displaying information. Still need the ability to select a day.

I have tried setting navigate event with

e.preventDefault() and e.preventDefault() ; return false;

but neither of these seem these work any ideas

Thanks

Calendar

answered on 25 Feb 2019

2 answers

323 views

How to hide action in window depending on value

Hi,

I'm my app I've a window with an action (a save button) defined. I'm trying to hide or not this action depending in a ViewData value. If I've write permissions I should see the button, else I shouldn't. How could achieve it? I could create 2 different windows or control it with jquery and hidding the button, but I think it's not the best way.

My window:

@(Html.Kendo().Window()

.Name("windowZonaExclusivas")

.Width(930)

.Resizable()

.Modal(true)

.Visible(false)

.Title("TEst")

.Draggable(true)

.Actions(actions => actions.Custom("Save").Maximize().Close())

.LoadContentFrom("EditZona", "ZonasExclusivas", new { idZona = -1 })

)

Any help will be appreciated.

Thanks in advance.

Window

answered on 25 Feb 2019

1 answer

3.0K+ views

Export to CSV

I wrote some code to export a datasources.view() to a csv file for anyone interested.

/**

* Converts a datasource's view to CSV and saves it using data URI.

       * Uses underscore for collection manipulation http://underscorejs.org/

* Uses moment.js for date parsing (you can change this if you would like)

* TODO save it using Downloadify to save the file name https://github.com/dcneiner/Downloadify

* @param {Array.<Object>} data The data to convert.

* @param {boolean} humanize If true, it will humanize the column header names.

* It will replace _ with a space and split CamelCase naming to have a space in between names -> Camel Case

* @param {Array.<String>} ignore Columns to ignore.

* @returns {string} The csv string.

*/

var toCSV = function (data, fileName, humanize, ignore) {

var csv = '';

if (!ignore) {

ignore = [];

}

//ignore added datasource properties

ignore = _.union(ignore, ["_events", "idField", "_defaultId", "constructor", "init", "get",

"_set", "wrap", "bind", "one", "first", "trigger",

"unbind", "uid", "dirty", "id", "parent" ]);

//add the header row

if (data.length > 0) {

for (var col in data[0]) {

//do not include inherited properties

if (!data[0].hasOwnProperty(col) || _.include(ignore, col)) {

continue;

}

if (humanize) {

col = col.split('_').join(' ').replace(/([A-Z])/g, ' $1');

}

col = col.replace(/"/g, '""');

csv += '"' + col + '"';

if (col != data[0].length - 1) {

csv += ",";

}

csv += "\n";

}

//add each row of data

for (var row in data) {

for (var col in data[row]) {

//do not include inherited properties

if (!data[row].hasOwnProperty(col) || _.include(ignore, col)) {

continue;

}

var value = data[row][col];

if (value === null) {

value = "";

} else if (value instanceof Date) {

value = moment(value).format("MM/D/YYYY");

} else {

value = value.toString();

}

value = value.replace(/"/g, '""');

csv += '"' + value + '"';

if (col != data[row].length - 1) {

csv += ",";

}

csv += "\n";

}

//TODO replace with downloadify so we can get proper file naming

window.open("data:text/csv;charset=utf-8," + escape(csv))

};

//toCSV(dataSource.view(), "FileName not used yet", true, ['IdColumnToIgnore', 'AnotherColumnToIgnore']);

Data Source

answered on 22 Feb 2019

4 answers

6.7K+ views

[Solved] Pass a parameter to an event handler inside a template

Hello all,

I'd like to know how to pass a parameter to an event handler registered inside a template. In my case, how to pass EmployeeID to myFunc()? I have tried onclick='myFunc(EmployeeID)' and onclick='myFunc(#: EmployeeID#)' and onclick='myFunc(#= EmployeeID #)' , but none of them works.

Thanks.

ListView

answered on 21 Feb 2019

1 answer

114 views

Invalid post data

Good day!

We are using kendo to upload images, but on our server with NAXSI (web application firewall), its blocking the form post data if the filesize of the image is less than 10KB, if its 10 KB and above, it's allowing the upload.

Any ideas how to fix this?

Thanks!

Ollie dG.

Upload