Telerik Forums
Kendo UI for jQuery Forum
6 answers
124 views
If you take a look at the following jsfiddle (using KendoUI 2011.3.1129)
http://jsfiddle.net/xjLYs/3/

If you drag the right splitter then it lines up properly with your mouse.

A second jsfiddle (using 2012.1.322)
http://jsfiddle.net/JfwNk/2/

If you drag the right splitter it does NOT line up with your mouse (it is offset to the left).

I have tried both Chrome and IE9.

Could I get any help with a fix for this?
Dimo
Telerik team
 answered on 19 Apr 2012
7 answers
815 views
Hi,

I'm trying to bridge 2 samples from your demo library:

http://demos.kendoui.com/web/mvvm/source.html

and

http://demos.kendoui.com/web/mvvm/remote-binding.html

Basically, I want to use source binding on a template (as in the source and template binding sample), but instead of using static data I want to use a DataSource (as in the Remote binding sample).

So, following your code, I came up with this:
<ul id="list" data-template="ul-template" data-bind="source: theView"></ul>
   <script id="ul-template" type="text/x-kendo-template">
   <li>
       id: <span data-bind="text: ID"></span>
       name: <span data-bind="text: Name"></span>
   </li>
   </script>

var a = kendo.observable({
    theList: new kendo.data.DataSource({
        transport: {
            read: "/api/building"
        },
        change: function () {
            a.theView = this.view();
            kendo.bind($("#list"), a);
        },
        schema: {
            model: {
                id: "ID",
                fields: {
                    ID: {
                        editable: false,
                        nullable: false
                    },
                    Name: {
                        editable: true,
                        nullable: true
                    }
                }
            }
        }
    }),
    theView: {}
});
 
var app = Sammy('#main', function () {
    // define a 'get' route that will be triggered at '#/path'
    this.get('#/path', function () {
        a.theList.read();
    });
 
    //default route, routes back to #/path
    this.get('', function () { this.app.runRoute('get', '#/path') });
 
});
 
$(document).ready(function () {
    //starts sammy
    app.run();
});

This will only work if I set the "source" binding on the template to "theView", but not if I set it to "theList", so this leads me to ask if I should be able to bind directly to a DataSource object with the source binding ?

In the Remote binding sample, you set the source binding of the select element directly to the modeview's DataSource, but this doesn't seem to work for list elements.

Am I doing something wrong, or maybe missing something ?

Thanks

Rhys
Top achievements
Rank 1
 answered on 19 Apr 2012
0 answers
180 views
Hi, 

   I had a 4 panels in 2 of the panels i had kendo grid. I had a maximise and minimise functionality for the panels.So i had to give the width in percentages (some thing like 48%). and the width and the height calculation is based upon the window height and the width. So can i give the width of the kendo grid in percentages as well as the column widths in percentages...
Swetha
Top achievements
Rank 1
 asked on 19 Apr 2012
5 answers
247 views

Hello,

I am trying to implement a scenario of swapping values between the list boxes using the drag & drop feature. A snap shot of what's to be done is displayed in the attachment "Task.jpg" 

The Drag & Drop feature works perfectly fine in Firefox, but doesn’t works at all in Chrome & IE (7 & 8). 

The key aspects here are:

  1. In Chrome and IE9, Items in ListBox1 and ListBox2 are not getting selected by mouse, but can be selected using the tab keys. In this case even the swapping works the items are selected
  2. Also observed a weird behavior in IE 7 & 8. It works first in IE & then stops working. Once we minimize & restore the IE browser it again starts working.
  3. The written code works perfectly fine in Firefox.

To further provide you the details on the implementation, the created code is added to jsFiddle at the location http://jsfiddle.net/ravisingh/5B6mq/1/ . Also attached with the post are the images of Chrome & Firefox while debugging the issue.

Thanks & Regards,

Manoj Kapoor


Manoj Kapoor
Top achievements
Rank 2
 answered on 19 Apr 2012
6 answers
514 views
The below function reads from a specific URL and loads the contents into myDiv using a template and listView.  The function works perfect the first time.  How can I force the view to refresh with new data each time the function runs (the function is triggered externally)?

function loadNewFeed(url) {
var dataSource = new kendo.data.DataSource({
transport: {
read: {
url: url,
dataType: "json"
}
}

});
$('#myDiv').kendoListView({
dataSource: dataSource,
template: kendo.template($("#reviewsTemplate").html())
});

};

De
Top achievements
Rank 1
 answered on 19 Apr 2012
1 answer
183 views
how to use  multiple select  in kendo mobile 
Noli
Top achievements
Rank 1
 answered on 19 Apr 2012
2 answers
128 views
There appears to be an issue with Maximize.  When you maximize a window, the window gets taller than the actual client area.  If you are using the window like a dialog, the buttons at the bottom will actually hang off the screen, or be hidden completely.

I am using Chrome when noting this issue.  Here's an example of the problem:

http://jsfiddle.net/jkappel/kn6Ep/

On a side note, how do you set the initial top and left positions of the window?
Intuitively I would have thought top: and left: would do it, but it appears not so.
Gary
Top achievements
Rank 1
 answered on 18 Apr 2012
0 answers
70 views
(see attached)

I want my listview to contain the "Threads" collection, however I want other parts of the page\widget to show the other data.

This would be super simple with just an $ajax call and I could play with the returned object, but I'm stumped as to where to start with the datasource.
sitefinitysteve
Top achievements
Rank 2
Iron
Iron
Veteran
 asked on 18 Apr 2012
0 answers
104 views
Basic scenario

Have a dropdown list

Is set up with a datasource as follows:

dataSource: {
 
    type: "json",
    transport: {
        read: '/Chargeability/SL_JSON'
    }
 
},

Works fine.

Later in the code, I assign a data object

sl_dd_d.dataSource.transport.read.data = { bu: value };

(console.log confirms this is working and the value is being retained)

Then after I set this values, I do a sync on the dataSource

sl_dd_d.dataSource.sync();

The request goes to the server, as expected, works fine

HOWEVER, it does not attempt to POST the data value that was set, which is meant to modify the query done by the server


Is this a bug or am I just missing some critical piece of information?
Michael
Top achievements
Rank 1
 asked on 18 Apr 2012
2 answers
249 views
Hi

I set set an url while binding a list. its have no issue if set local view id. But instead of local view id if i set a local .html page. it will stop working in android device. In Phonegap, it giving an error ---

03-31 16:30:24.359: E/Web Console(19853): Uncaught TypeError: Cannot call method 'getAttribute' of undefined at file:///android_asset/www/js/kendo.mobile.min.js:8

------------------------------------------------------------------------------------------------------------------------------------

var MainMenuAction = [
            { name: "Book Your Ticket", description: "", url: "eventtypelist.html", id: 1},
            { name: "Trace Your Ticket", description: "", url: "traceticket.html", id: 2}
        ];


        function SetMainMenu() {
            $("#ulMainMenu").kendoMobileListView({
                dataSource: kendo.data.DataSource.create({ data: MainMenuAction }),
                template: $("#TmpIndex").html()
            });

    <script type="text/x-kendo-template" id="TmpIndex">
    <h4 class="item-title">${name}</h4>
    <p class="item-info">${description}</p>
    <a data-role="button" data-item-id="#:id#" href="#: url#" class="details-link">Continue</a>
    </script>

----------------------------------------------------------------------------------------------------------------------------------------------

List is populate but when i click on button it will not working in my mobile.

How to fix this issue.

Thanks 

Jaydeep
Reinaldo
Top achievements
Rank 1
 answered on 18 Apr 2012
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
SPA
Filter
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
OrgChart
TextBox
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
Popover
DockManager
FloatingActionButton
TaskBoard
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
TimePicker
DateTimePicker
RadialGauge
ArcGauge
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?