Questions on Kendo UI for jQuery Forum

3 answers

541 views

In love with Kendo UI but not with refresh which does not fire.
We tried different methods without success
Inside an ascx UserControl this is our code:

    <div style="width:1100px;margin:40px 0 100px 0;text-align:center">
        <input id="comboboxWarrantyClients" style="width:200px" />
        <br /><br />
        <div id="button">Refresh the autocomplete !</div>
    </div>
<script type="text/javascript">
    var kendoAutoCompleteWC = null;
    $(document).ready(function () {
      kendoAutoCompleteWC = $("#comboboxWarrantyClients").kendoAutoComplete({
        dataTextField: "FullName",
        dataValueField: "ID",
        dataSource: [{"ID":1,"FullName":"John"}],
        filter: "contains",
        placeholder: "Select"
      });
    });
    $('#button').click(function () {
      kendoAutoCompleteWC.dataSource = [{"ID":1,"FullName":"John"},{"ID":2,"FullName":"Nathalie"}];
      kendoAutoCompleteWC.refresh();
    });

Can someone has the trick to make it work, please ?
In this case, we get an error "kendoAutoCompleteWC.refresh(); is not a function..."
Thanks so much by advance...
Jean Yves

AutoComplete

answered on 08 Aug 2012

0 answers

100 views

kendo mobile css transparency issues

Hello,

I have downloaded a trial version on the latest kendo mobile release and found out that my

background-color: transparent;
background: rgba(0,0,0,0.4);

is not working. It does work on my computer browser but not on ipad browsers.

Can anyone help? badly needed. thanks.

General Discussions

asked on 08 Aug 2012

1 answer

221 views

Problem with display when loading application.

I am putting together a mobile app and it seems the display has about a 1 to 1.5 second delay in the styling. Everything seems to have to snap in to place.

When you first load a page containing a few views the browser/mobile browser will display some HTML controls before they are styled. It looks very strange. Is there a way to prevent displaying anything on the page until everything has been styled? Or maybe display a loading animation until everything is styled in the background and then show the page?

I have experienced this same type of behavior using the Telerik ASP.Net controls for Ajax with the RadFormDecorator.

Application

answered on 08 Aug 2012

7 answers

325 views

Paging KendoUI grid in a Partial view

I have a Kendo Grid inside of a partial view, I can get the data that I need to, however when I page through the data it 1) Pages to a new page or 2) nothing shows even though my firebug shows the json that was passed back. Is it possible to page though a grid using a partial view in MVC? if so what do I need to do to make that happen?

Grid

answered on 08 Aug 2012

5 answers

290 views

Server-side Rendering Engines? (.net/php?)

Hi Kendo Team,

Well, after having built out a pretty good set of functionality with jQuery templates and the .Net rendering engine (http://nuget.org/packages/jquery-tmpl.net), I'm now looking for something that won't be pulled out from under my feet. jQuery templates being cancelled is just bad, but it's great for Kendo!

I and probably many others are looking to replace our jQuery template code since that project has been axed.

My question though is... do you plan on offering a .Net rendering solution for your template framework? It looks pretty similar to jQuery templates so it could even be possible to take the jQueryTmpl .net open source code renderer and to modify it? If so, do you have a time frame for this? For me, I'd love server-side rendering in .Net, php, and Ruby in that order of preference.

This has been pretty critical for us, because although the client-side is amazing, and as painful as it is to serve things up server-side we've build client-side, for SEO it's a huge issue still.

Templates

answered on 08 Aug 2012

1 answer

182 views

Keep getting UNDEFINED in my selectlist when bound!

I have tried everything! I am doing a load on demand scenario. Every time it loads the results, every selection says UNDEFINED. Here is the code:

//HERE IS THE MODEL

public class TscmisModel
{
public SelectList LoadOnDemandList { get; set; }
}

//THIS IS A PARTIAL
@model USARAFSyncMVC.Areas.Event.Models.TscmisModel

@(Html.Kendo()
.ComboBox()
.HtmlAttributes(new { style = "width: 900px" })
.Name("cbTscmis")
.Filter(FilterType.StartsWith)
.MinLength(3)
.Suggest(true)
.DataTextField("Text")
.DataValueField("Value")
.HighlightFirst(true)
.BindTo(Model.LoadOnDemandList)
.DataSource(source =>
{
source.Read(read =>
{
read.Action("_LoadTscmisData", "Event", new { area = "Event" });
}).ServerFiltering(true);
}))

//THIS IS THE SERVER METHOD
public ActionResult _LoadTscmisData(string text)
{
TscmisModel model = new TscmisModel();
if (!string.IsNullOrEmpty(text))
{
model.LoadOnDemandList = miscRepository.LoadTscmisData(text);
return PartialView("TscmisPartial", model);
}
model.LoadOnDemandList = new SelectList(new List<SelectListItem>());
return PartialView("TscmisPartial", model);
}

ComboBox

answered on 08 Aug 2012

0 answers

93 views

Question to automatic layout system

Hi, from webpage, I knew that Kendo UI support automatic layout system. But why is my app in iPad does not rotate when I rotate my iPad? Do I missing something here? Thanks for any help

General Discussions

asked on 08 Aug 2012

1 answer

226 views

Multiple grids, multiple filters, one datasource?

Hey guys,

I'm wondering whether its possible to have one request to the server to get all my data, then display different grids based on seperate filters for each grid?

My problem at the moment is that each grid creates a new data source & therefore a new query to the server, even though the query returns all the data each time.

I've come across dataSource:cache:"inmemory" but this doesn't seem to help. It's as though I need to create clones of the DataSource after it's returned from the server and modify the filter for each copy.

Any suggestions would be appreciated
Thanks
J

Grid

answered on 07 Aug 2012

0 answers

92 views

Something wrong on Add Button

Hi everybody

I have a problem with the Add button in the grid.
I'm doing some tests and something strange happened.
By clicking the Add button, a popup appears with the fields, an ok button and cancel the other. Sometimes when I click the cancel button, a row is inserted with all null values and add button stops working. The code is this:

.Columns(columns =>
{
columns.Bound(p => p.Isn);
columns.Bound(p => p.EventoIsn);
columns.Bound(p => p.UsuarioEdicao);
columns.Bound(p => p.ValorCaptacao);
columns.Bound(p => p.Processado);
})
.ToolBar(toolbar => {
toolbar.Create().Text("");
})
.DataSource(dataSource => dataSource
.Ajax()
//.Server()
.Model(model => model.Id(p => p.Isn))
.Create(update => update.Action("Create", "CaptacaoItem"))
)
.Editable(editable => editable.Mode(GridEditMode.PopUp)
.Window(w => w.Title("Captação Item")
.HtmlAttributes(new { @id = "fLogin" })
.Height(700)
.Width(700)
.Resizable())))

Grid

asked on 07 Aug 2012

1 answer

400 views

Supplying route values from javascript?

Hi. I have an MVC3 application programmed in VB.NET.

In this MVC3 application, I have a controller. The controller's JSON action has 3 parameters as specified below:

        Function JSONRetrieveDocuments(
            ByVal contactId As Guid,
            ByVal includeLoanBasedDocuments As Boolean,
            <DataSourceRequest()> request As DataSourceRequest) As ActionResult

As part of a Grid, I build a route value dictionary as part of the function that creates the CrudOperationBuilder:

        Public Function CreateCrudOperationBuilder(cob As Kendo.Mvc.UI.Fluent.CrudOperationBuilder) As Kendo.Mvc.UI.Fluent.CrudOperationBuilder
            Dim theRouteValueDictionary As New RouteValueDictionary()
 
            theRouteValueDictionary.Add("contactId", Request.QueryString("contactId"))	    'theRouteValueDictionary.Add("includeLoanBasedDocuments", ???

           Return cob.Action("JSONRetrieveDocuments", "ContactBasedDocument", theRouteValueDictionary)
        End Function

When making the call to JSONRetrieveDocuments, I want to be able to populate the includeLoanBasedDocuments parameter of the controller's action by simply returning the checked status of a checkbox... so I created this javascript function:

    function ShouldIncludeLoanBasedDocuments() {
        return $("#cbIncludeLoanBasedDocuments")[0].checked;
    }

I'm curious
a) how do I supply the result of the javascript function to the route values?
b) am I following best practices on this one? It seems like this would be a common operation, but I couldn't find any documentation on it.

Thanks,

Jason

Data Source

answered on 07 Aug 2012