Questions on Kendo UI for jQuery Forum

4 answers

149 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

272 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

195 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

75 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

2 answers

180 views

[Solved] messages.deleteConfirm missing?

Hi,

How can I set the localized text for the body of the delete confirm dialog? Now it shows "Are you sure you want to delete this event?" It seems to be hardcoded in the kendo.scheduler.js DELETECONFIRM = "Are you sure you want to delete this event?"

Kind Regards,

Marco

Scheduler

answered on 05 Mar 2014

1 answer

4.8K+ views

Automatic width and height on window.

It seems like on the page

http://docs.telerik.com/kendo-ui/api/web/window

the help section for the property width and height fails to tell how to setup a window to automatically resize to fit the contents.

How can that be done?

Window

answered on 05 Mar 2014

1 answer

85 views

Bolding Bug in Inline Editor

Using an inline editor in IE9, reproduce using the following steps:

1. Enter text into an empty inline editor
2. Bold the text
3. Move the focus to another input element by clicking into that element
4. Observe that the bold formatting disappears visually, though the Editor control indicates bold formatting is applied
5. If you have set up a means of saving the content, e.g. to localStorage, note that on page reload, the content displays with bold formatting

Further note that this behavior is intermittent. Sometimes we have observed that the bold formatting is never applied. Other times, the formatting works just fine, though changing focus generally causes the bold formatting to disappear.

Editor

answered on 05 Mar 2014

1 answer

226 views

Kendo Grid arrow paging is not working properly after adding new record, while number paging is working properly

Grid

answered on 05 Mar 2014

1 answer

493 views

Is it possible to resize the chart when printing?

Hi,

I'am evaluating hte DataViz graph and have troubles when printing the graph. Tried with the example: ../kendo/examples/dataviz/bar-charts/column.html
If I print this chart the 2 last months are truncated/not visible on the print (Google Chrome, printing with Ctrl+P)

General Discussions

answered on 05 Mar 2014

7 answers

780 views

[Solved] kendo.web.min.js and kendo.dataviz.min.js conflicts in pageable Grid.

Hi,
The problem occurs when I add the <script src="../../../js/kendo.dataviz.min.js"></script> to the \examples\web\grid\index.html example. Then I refresh the IE window, a JS error "Microsoft JScript runtime error: Object doesn't support this action" occurs. If I change the "pagable:true" in the \examples\web\grid\index.html to "pagable:false", the JS error disappears. You can see the details in the attached image.
I have no idea why this happens. Can you give me a solution to fix it?

Any clue and suggestion is appreciated. thank you.

Grid

answered on 05 Mar 2014