Questions on Kendo UI for jQuery Forum

3 answers

234 views

How can I make a X axis like this

          |
          |
          |
          |
_____|______________________________________________________________________________________________
Month 1 2 3 4 5 6 7 8 9 10 11 12 1 2 3 4 5 6 7 8 9 10 11 12 1 2 3 4 5 6 7 8 9 10 11 12 1 2 3 4 5 6 7 8 9 10 11 12
Year               2009                                    2010                                   2011                                      2012

This means a double line axis one for month and other for year

Thanks

John K

Charts

answered on 17 Apr 2012

0 answers

133 views

Datasource's error event not fired

When I set my datasource's address to a faulty location that results in a 404 error the "error" event of my datasource isn't fired. I've tried putting a catch everywhere I can think of but the error is thrown from jQuery and doesn't bubble up.

Am I doing something wrong?

Data Source

asked on 17 Apr 2012

0 answers

140 views

Remote data with pager

Where's a sample that uses a pager on remote data. Like I see you have a products demo (the main one)...but you have 76 records returned. How do I configure it so that I can have the pager set the take and skip values so I'm only getting the items on demand?

$(document).ready(function () {

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: $medportal.Url.Host + "/Sitefinity/Services/Medportal/Community/ForumService.svc/forum/2445",

contentType: "application/json; charset=utf-8",

type: "GET",

dataType: "json",

data: {

take: 3,

skip: 0

}

},

schema: {

data: "Items",

total: "TotalCount"

}

});

$(".telligent-listview-pager").kendoPager({

dataSource: dataSource

});

var template = "<li>${Subject}</li>";

$(".telligent-listview").kendoListView({

pageSize: 3,

dataSource: dataSource,

template: kendo.template(template)

});

ListView

asked on 17 Apr 2012

0 answers

48 views

Can we embed jsFiddles in forum posts ?

I see that some KendoUI team members routinely embed jsFiddles in their replies.

Are we allowed to do so, and if so, how to do it ?

Thanks

General Discussions

asked on 17 Apr 2012

1 answer

93 views

grid with link in action

Hi, I have a grid with a link in the Action column. In each row is a triangle. I also have a "Link" in the Action column. I wish when I press the link was made as shares of the triangle. How can I do that? Sorry for my english.:P

Grid

answered on 17 Apr 2012

1 answer

343 views

Themes doesn't work for me. Why?

Hi.

I'm testing kendoUI but i want to change the theme for android. I'm using ThemBuilder. I copy the CSS and add it to my page. But does not work. Why?

Documentation:
Using the CSS output

Just copy the CSS output to a .css file and include it in your page.

This is my simple code.

<!DOCTYPE html>

<html>

<head>

    <title>Basic usage</title>

    <script src="js/jquery.min.js"></script>

    <script src="js/kendo.mobile.min.js"></script>

    <script src="content/shared/js/console.js"></script>

    <link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />

    <link href="styles/silver.css" rel="stylesheet" />

</head>

<body>

    <a href="index.html">Volver</a>

    <div data-role="view" id="tabstrip-profile" data-title="Mi Estado de Cuenta" data-layout="mobile-tabstrip" data-transition="slide" >

    <ul data-role="listview" data-style="inset" data-type="group">

        <li>

            <ul>

                <li><h2>Grupo SAESA<span>Sucursal</span></h2><img src="content/mobile/overview/logo.jpg" /></li>

                <li>Weekly average sales <span class="sales-up">$ 8,250</span></li>

                <li>Monthly average sales <span class="sales-up">$ 32,000</span></li>

            </ul>

        </li>

        <li>

            Languages

            <ul>

                <li>English <span class="value">Native</span></li>

                <li>Hungarian <span class="value">Advanced</span></li>

                <li>French <span class="value">Advanced</span></li>

                <li>Chinese <span class="value">Beginner</span></li>

            </ul>

        </li>

    </ul>

</div>

<div data-role="view" id="tabstrip-cortes" data-title="Cortes Programados" data-layout="mobile-tabstrip" data-transition="slide">

    <ul data-role="listview" data-style="inset" data-type="group">

        <li>

            SAESA

            <ul>

                <li class="item-title">Lunes 16 de Abril del 2012 Comuna de Valdivia<span class="item-info">Condominio Silos de Torobayo</span><span class="item-hora">10:00 a 16:00</span></li>

                <li class="item-title">Lunes 16 de Abril del 2012 Comuna de Valdivia<span class="item-info">Condominio Silos de Torobayo</span><span class="item-hora">10:00 a 16:00</span></li>

                <li class="item-title">Lunes 16 de Abril del 2012 Comuna de Valdivia<span class="item-info">Condominio Silos de Torobayo</span><span class="item-hora">10:00 a 16:00</span></li>

                <li class="item-title">Lunes 16 de Abril del 2012 Comuna de Valdivia<span class="item-info">Condominio Silos de Torobayo</span><span class="item-hora">10:00 a 16:00</span></li>





            </ul>



        </li>



    </ul>

</div>

<div data-role="view" id="tabstrip-rating" data-title="Rating" data-layout="mobile-tabstrip" data-transition="slide">

    <ul data-role="listview" data-style="inset" data-type="group">

        <li>

            Sales Representatives

            <ul>

                <li data-icon="toprated">1. Andrew Fuller</li>

                <li data-icon="toprated">2. Janet Leverling</li>

                <li data-icon="toprated" style="background-color: #3589e7; color: #fff;">3. Carine Callahan</li>

                <li data-icon="toprated">4. Margaret Johnson</li>

                <li data-icon="toprated">5. Steve Collins</li>

                <li data-icon="toprated">6. Maria Steward</li>

            </ul>

        </li>

    </ul>

</div>

<div data-role="view" id="tabstrip-settings" data-title="Settings" data-layout="mobile-tabstrip" data-transition="slide">

    <ul data-role="listview" data-style="inset" data-type="group">

        <li>

            Carine Callahan

            <ul>

                <li>Notify when online <input type="checkbox" data-role="switch" checked></li>

                <li>Administrator <input type="checkbox" data-role="switch"></li>

                <li>Access to stats <input type="checkbox" data-role="switch" checked></li>

            </ul>

        </li>

    </ul>

</div>

<div data-role="layout" data-id="mobile-tabstrip">

    <header data-role="header">

        <div data-role="navbar">

            

            <span data-role="view-title"></span>

            <a data-align="right" data-role="button" class="nav-button" href="#index">Index</a>

        </div>

    </header>

    <p>TabStrip</p>

    <div data-role="footer">

        <div data-role="tabstrip">

            <a href="#tabstrip-profile" data-icon="organize" >Mi Cuenta</a>

            <a href="#tabstrip-cortes" data-icon="recents">Cortes</a>

            <a href="#tabstrip-rating" data-icon="stop">Emergencia</a>

            <a href="#tabstrip-settings" data-icon="settings">Opciones</a>

        </div>

    </div>

</div>

    <script>

     new kendo.mobile.Application($(document.body), {

         platform: "android"

     });

</script>

</body>

</html>

Please help me

General Discussions

answered on 17 Apr 2012

0 answers

162 views

kendo dropdown MVVM select event

please help me
i want dropdown selected value

<select data-role="dropdownlist" data-text-field="name" data-value-field="value1"
        data-bind="events: { change: dropDownChangeEvent },source: data,value:selectValue">
    </select>

in observable
dropDownChangeEvent: function (e){
var value = (this).get('selectValue');
                    alert(value);
}

it will give me previous value not current selected value

MVVM

asked on 17 Apr 2012

2 answers

87 views

[Solved] Prevent paging/sorting/filtering when cells have been edited

With a batch edit grid, I wanted to write a method that would warn the user if they try to do a page/sort/filter operation when they have data that hasn't been saved. I figure I can look for any cases where .k-dirty-cell shows up and if any are found I can launch a confirm dialog that asks "Save changes before continuing?" or something like that. But what I can't figure out is what event on the grid or datasource I would need to hook into for this logic. Ideally, I'd want to have it fire before the read() operation is called on the datasource since that would catch pretty much any situation where the data might get overwritten. Any suggestions on how/if this can be done?

Thanks!

Regards,
Brian

Grid

answered on 17 Apr 2012

1 answer

132 views

remote view transition

When using remote views, should the transition effects work? When I use a local view transitions works fine, but with remote views the ui just gets refreshed without any transition taking place.

Thanks

Application

answered on 17 Apr 2012

1 answer

292 views

Force Input To Be Part of Data Set With AutoComplete

I have a list of codes that I'd like a user to be able to input into a textbox. The list of codes will be separated by a comma so they can input n+1. But I don't want the user to be able to enter a code that isn't in the dataset. As of right now I have a hard coded data array, but the plan is to use an ASMX web service that returns filtered data based upon what the user has typed.

var data = [

"M10A",

"M11A",

"M12A",

"M15A",

"M15B",

"M15C",

"M15D",

"M16A"

];

//create AutoComplete UI component

$("#<%= txtMailCodes.ClientID %>").kendoAutoComplete({

dataSource: data,

filter: "startswith",

placeholder: "Mailing Codes...",

separator: ", "

});

I assume I could do something with functions for on input or something along those lines to validate the entry, but I'm hoping there is a property for this.

AutoComplete

answered on 17 Apr 2012

Documentation: Using the CSS output

Documentation:
Using the CSS output