Questions on Kendo UI for jQuery Forum

4 answers

342 views

I noticed a nice and handy "toFront" function on the kendoWindow. I was wondering if there was something just as handy to send it to the back, but not behind the main page and still visible?

I due know I could just get the div(or whatever element the kendoWidget was initialized on) and set the z-index css to 0 (or some other low value), but I'm wondering if I may have over looked a much simpler way of doing that, like a "toBack" function?

Part of my reason for asking is that I have some older code which does not use Kendo UI, and it creates error dialogs using jQuery.dialog, but these dialogs appear behind the kendoWindow, and I need them in front. My current solution is to just close the window when an error happens, since I don't want to mess with z-index css.

Window

answered on 05 Mar 2014

1 answer

5.5K+ views

How to wrap kendo grid column

my gridcolumn is like that
gridColumns: [
{
title: 'ID',
field: 'ObservationId',
width: '0', hidden: true
},
{
title: 'School',
field: 'SchoolName',
width: '250px'
},
{
title: 'Teacher Name(s)',
field: 'TeacherName',
width: '100',
}]

if suppose screen is doing zoom then header should be wrap. Can we add something on this column.

Grid

answered on 05 Mar 2014

1 answer

260 views

Set height: 100%

Is it possible to set

function initScheduler() {
$("#scheduler").kendoScheduler({
date: new Date("2013/6/26"),
startTime: new Date("2013/6/26 07:00 AM"),
height: 100%,
views: [
..................

Scheduler

answered on 05 Mar 2014

3 answers

487 views

Auto-Complete with a pager

Is there a way to add the pager to an Auto-Complete Box? In the Auto-Complete demo I see pageSize set to 20 and serverPaging set to true, but it's not clear how to invoke paging.

What would be nice is if I could add the kendo-ui pager to the bottom of an auto-complete.

AutoComplete

answered on 05 Mar 2014

3 answers

81 views

[Solved] Centered should be a configuration property of KendoWindow

Centered should be a configuration property of KendoWindow

Window

answered on 05 Mar 2014

10 answers

662 views

Looking for a working example using a MVC Action method

I am struggling getting the following to work:

<div>

</div>

$(document).ready(function () {

$("#searchSomething").kendoAutoComplete({

minLength: 3,

dataTextField: "Name",

dataValueField: "Id",

dataSource: {

transport: {

read: "Service/Search",

dialect: function (data) {

return { wildcard: $("#searchSomething").val() };

}

});

</script>

Action method:

public class ServiceController : Controller

{

public ActionResult Search(string wildcard)

{

return Something;

}

My problems are:

1. wildcard is always null.

NOTE 1.1: By the way, the action method 'Search' is correctly called (of course after typing 3 characters)!
NOTE 1.2: If I directly call the action method from the browser the wildcard is correctly filled.

2. what should the ActionResult return?

In other words I am looking for a working example.

Thanks for any help!

AutoComplete

answered on 05 Mar 2014

4 answers

142 views

MobileListView - Endless Scrolling Issues - 2013.3.1119

I have an issue where my list view:

1) Does not display the appropriate number of items set for the page size. It displays 1/2 of the set items.
2) The loading twirly displays 100% of the time.
3) When attempting to scroll the list view, sometimes the list view gets stuck further down the view that what it should.

Are there any known issues that would be causing these problems with 2013.3.1119?

I'm not doing anything special. Here's the code:

@(Html.Kendo().MobileListView<VINspinAppsMobile.Web.Areas.CRM.Models.Leads.SelectLeadListViewModel>()

.Name("SelectLeadListView")

.TemplateId("SelectLeadListViewTemplate")

.EndlessScroll(true)

.ScrollTreshold(30)

.Filterable(filter => filter.Field("DisplayName").Operator("startswith"))

.DataSource(dataSource => dataSource

.Read(read => read.Url(Url.GetUrlRoot() + "/CRM/Leads").Data("additionalData"))

.PageSize(10)))

<script type="text/x-kendo-tmpl" id="SelectLeadListViewTemplate">

<a href="@Url.GetUrlRoot()/CRM/Leads/EditLead?leadId=#=LeadId#">#:DisplayName#</a>

</script>

<script>

function additionalData() {

return {

allOwners: true,

ownerId: null,

leadStatusId: null

};

}

</script>

ListView (Mobile)

answered on 05 Mar 2014

1 answer

258 views

BindTo SelectList then AJAX to repopulate

I have the following RAZOR code:

            @(Html.Kendo().DropDownListFor(m => m.AssociatedWithType)

               .Events(x => x.Select("AssociatedWithSelected"))
               .Value(ViewBag.AssociatedWithTypesId)
               .BindTo(ViewBag.AssociatedWithTypesSelectList)
           )

           @(Html.Kendo().DropDownListFor(m => m.AssociatedWithId)
                .BindTo(ViewBag.AssociatedWithIdsSelectList)
           )

and the following jQuery:

        AssociatedWithSelected: function(e) {
           var dataItem = this.dataItem(e.item.index());

           var associatedWithIdsDropDown = $("#todoAddEditDialogForm #AssociatedWithId").data("kendoDropDownList");
           var url = settings.getAssociatedWithIdsUrl + "?associatedWithType=" + dataItem.Text;
           associatedWithIdsDropDown.dataSource.read({
               url: url
           });
       }

What I would like to do is initially bind the 2nd dropdownlist to the SelectList in my ViewBag, then bind it from the server if the first dropdown changes value.

The initial BindTo is working fine, but the jQuery .dataSource.read isn't doing anything. I suspect I need to attach a dataSource to the dropdown in the jQuery somehow, but I'm not sure how.

How do I accomplish this?

DropDownList

answered on 05 Mar 2014

1 answer

182 views

Kendo Grid HTML column Template

Hello,

I want a control like attached image in HTML column. On click of image I am calling JavaScript to open some window that returns text as output. I want to set the output to txt_Lookup as shown in code.

Through below code I am able to find template. I need control object not template object.

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

var template= entityGrid.columns[4].template;

I have added below template in Columns.

{

template: '<input type="text"
id="txt_Lookup" width="15"/> <input
type="hidden" id="hdn_Guid"/> <input
name="submit" id="submitme" type="image"
onclick="OpenLookup();" />',

sortable: false
}

I am fetching records from database. How selected records will be set in txt_Lookup while fetching? As it is template I am not sure how can we set the value for template?

Would somebody provide some guidance on this?

Thanks!

Grid

answered on 05 Mar 2014

1 answer

64 views

How to make or chose Layouts to begin to build the first own web site

Hi All,

I back -end developer and now i need build my first own web site like front-end developer , i newbie in HTML/HTML5, CSS/CSS3.
How to make or chose Layouts to begin to build the first own web site, can you recommend something ?
I decide multiple pages, the question is , for beginning, can i see some ERP application like as sample ?

Thanx ,
Regards, Evgeniy.

Window

answered on 05 Mar 2014