Telerik Forums
Kendo UI for jQuery Forum
0 answers
77 views
Hi,

If in grid I have editable and not editable fields, how to display which fields are editable and which are not? 
Sergey
Top achievements
Rank 1
 asked on 16 May 2012
0 answers
51 views
Hi,
We are using filter in data grid.I want to know where exactly the filter data will be stored.because when i tried dataSource._data it is giving me the whole data not the filtered one.

Thanks in advance
Regards
Deep
Deep
Top achievements
Rank 1
 asked on 16 May 2012
8 answers
719 views
Hi there,

I was using the Scroll View which was working perfectly on the released version kendo ui, but after changing my project to use the latest build ( 2012.1.503) it now seems like the Scroll View is not initialized properly when it is created in javascript. 

So when I call:
$("#MenuScrollView").kendoMobileScrollView();

It seems to be initialized partially however it cannot be scrolled horizontally. The page indicators at the bottom are not visible either.

When I resize the page in a normal browser the scroll view starts working perfectly though (Unfortunately on mobile devices I can't do this obviously).

I tried calling $("#MenuScrollView") .resize() and refreshing the scroll view but that doesn't seem to help.

Out of interest I also can't seem to use the content() method from documentation as I get a script error saying it doesn't exist.

Thanks in advance!

Petyo
Telerik team
 answered on 16 May 2012
2 answers
132 views
I have, what I think is a simple MVVM example, where I can't get the displayed value to update. I think there's something very simple I must be missing here.

There's a demo at: http://jsfiddle.net/BrianVallelunga/UzLED/

Basically, I have a view model with a date. I have buttons that change the date. Finally, I have a span bound to a function that formats the date. For some reason the formatted value never changes, despite the date itself changing. Any thoughts?
Atanas Korchev
Telerik team
 answered on 16 May 2012
5 answers
370 views
So here is the problem.

I have a grid which need to make an update through POST and not GET. SO I am doing this on Save event. Everything works fine with inline editing. But with PopUp editing I do not get referance to model. So in function " save: function (e)" below e.model is undefined. However it comes up fine in case of inline.

If there is better way to update the drid through POST then I am open to it.

here is the code:

 dataSource = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: URL,
                        dataType: "jsonp"
                    },
                    update: {
                        url: "",
                        dataType: "jsonp"
                    },
                    destroy: {
                        url: "",
                        dataType: "jsonp"
                    },
                    create: {
                        url: "",
                        dataType: "jsonp"
                    },
                    parameterMap: function (options, operation) {
                        if (operation !== "read" && options.models) {
                            return { models: kendo.stringify(options.models) };
                        }
                    }
                },
                batch: true,
                pageSize: 10,
                schema: {
                    model: {
                        id: "PROJECT_ID",
                        fields: {
                            "PROJECT_ID": { editable: false, nullable: true },
                            "PROJECT_NM": { validation: { required: true} },
                            "PROJECT_DESC": { validation: { required: true} },
                            "ACTIVE_IND": { type: "boolean" }
                        }
                    }
                }

            });

 

//GRID
$("#grid").kendoGrid({
                dataSource: dataSource,
                pageable: true,
                height: 400,
                toolbar: ["create"],
                columns: [
                            { field: "PROJECT_ID", title: "ID" },
                            { field: "PROJECT_NM", title: "Name" },
                            { field: "PROJECT_DESC", title: "Description" },
                            { field: "ACTIVE_IND", title: "Active" },
                            { command: ["edit"], title: " "}],
                editable: "popup",
                save: function (e) {

                    var g = $("#grid").data("kendoGrid");
                    var ds = g.dataSource;

                    var refresh = false;
                    //alert(kendo.stringify(e.model));
                    var url = "";
                    e.model.ACTIVE_IND = e.model.ACTIVE_IND ? 1 : 0
                         $.ajax({
                        url: url,
                        data: kendo.stringify(e.model),
                        type: 'POST',
                        processData: true,
                        async: false,
                        contentType: "application/json",
                        success: function (data, textStatus, jqXHR) {
                                    alert("Updated")  

                        },
                        error: function (xhr, status, error) {
                            alert("Failed to Update");
                        }
                    });

                }
            });

 

Alexander Valchev
Telerik team
 answered on 16 May 2012
1 answer
173 views
It seems that in the current implementation of MVVM:

  • A dependent property (calculated field) can easily use the value of another property of the view Model through the this.get(propertyName) syntax.
  • However, a new calculated field can't seem to utilize another property of the view Model IF THAT PROPERTY is ITSELF a Calculated Field.
Can someone confirm this for me or can someone tell me the way around.

See this JSFiddle for a demonstration

In the addNew() method.  I'm just trying to display the value of this.get("displayDropDownValue") which is, a calculated field.  It seems the only way to get this to work properly is to REPLICATE all of the code inside the displayDropDownValue field and put it in the new addNew() method as well.

Any suggestions?  Help?

Atanas Korchev
Telerik team
 answered on 16 May 2012
0 answers
153 views
Hello

I'm quite newbie. I don't understand what is my problem exactly.
Following is my code.
$("#cmbCompany").width(350).kendoComboBox({
        placeholder: "Select company",
        serverFiltering: true,
        dataTextField: "Company",
        dataValueField: "ClientNo",
        dataSource: {
            transport: {
                read: "/Admin/GetAllCompany"
            }
        },
        change: function () {
            var value = this.value();
            if (value) {
                employeeDataSource.query({ companyNo: value });
                employee.enable();
            } else {
                employee.enable(false);
            }
 
          employee.value("");
        }
    });
     
    var employeeDataSource = new kendo.data.DataSource({
        transport: {
          dataType: "json",
          read: "/Admin/GetEmployeesByCompany"
        }
    });
 
    var employee = $("#cmbEmployee").width(300).kendoComboBox({
        autoBind: false,
        placeholder: "Select employee",
        dataTextField: "Name",
        dataValueField: "Email",
        dataSource: employeeDataSource
    }).data("kendoComboBox");

First time I select #cmbCompany combo box, it load data and shows propely at #cmbEmployee.
But second time, I select a new value at #cmbCompanyasd , it works nothing.
It did nothing, even not send http request.

How can I work it properly?

Thank you in advance.

ShootingStar
Top achievements
Rank 1
 asked on 16 May 2012
0 answers
226 views
I need change culture datepicker is th-TH but i want call kendoDatePicker all file i use widget-style="kendoDatePicker" but it doesn't work  
please help me I'm sorry i can type Eng a little bit



example
widget.js
$(document).ready(function() {
kendo.culture (th-TH);
 $(".kendoDatePicker").kendoDatePicker({
    format: (kendo.culture().calendar.patterns.d)
         
         });
});



XML_FORM.xml
<forms xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    xsi:noNamespaceSchemaLocation="http://ofbiz.apache.org/dtds/widget-form.xsd">
    <!-- Invoice forms -->
    <form name="FindInvoices" type="single" target="findInvoices" title="Find and list invoices"
        header-row-style="header-row" default-table-style="basic-table">
        <field name="noConditionFind"><hidden value="Y"/><!-- if this isn't there then with all fields empty no query will be done
--></field>
        <field name="hideSearch"><hidden value="Y"/></field>
        <field position="1" name="invoiceId" title="${uiLabelMap.iMAS_PurchaseCashInvoiceId}" widget-style="k-textbox"><lookup target-form-name="LookupCashPurchaseInvoice" size="15"/><!--text-find default-option="contains" ignore-case="true"/--></field>
        <field position="2" name="orderId" title="${uiLabelMap.iMAS_PurchaseCashOrderId}" widget-style="k-textbox"><lookup target-form-name="LookupOrderHeaderPurchase" size="15"/></field>
        <field position="1" name="partyIdFrom" parameter-name="partyId" title="${uiLabelMap.iMAS_PurchaseInvoiceSupplier}" widget-style="k-textbox"><lookup target-form-name="LookupSupplier" size="15"/></field>
        <field position="2" name="invoiceDate" title="${uiLabelMap.iMAS_PurchaseCashInvoiceDate}" widget-style="kendoDatePicker"><text default-value="${nowDateTime}"/></field>
        <field position="2" name="statusId" title="${uiLabelMap.CommonStatus}" widget-style="kendoDropDownList">
            <drop-down allow-empty="true" current="first-in-list" >
                <entity-options description="${description}" entity-name="StatusItem">
                    <entity-constraint name="statusTypeId" operator="equals" value="INVOICE_STATUS"/>
                </entity-options>
            </drop-down>
        </field>
        <field name="invoiceTypeId">
            <hidden value="CASH_PURCHASE_INVOICE"/>
        </field>
    </form>
AL
Top achievements
Rank 1
 asked on 16 May 2012
3 answers
600 views
Only certain TreeView nodes can be selected, and using enabled: false; does not allow the expand to function.

How is it possible to only select tree nodes with no parents?  This means their parent node cannot be selected.  Can the select event be canceled?
Alex Gyoshev
Telerik team
 answered on 16 May 2012
1 answer
184 views
Hello

I have a problem panel bar with Twitter bootstrap.

I want to put two combo box in one line an the first PanelBar tab.

My code is exactly same as following link.
http://jsfiddle.net/nxhPW/3/

It is broken the shape when I set class="span5" << twitter bootstrap css property (set width)

How can I this broken panel box fix?

Could you help me a little?

Thank you in advance.
Kamen Bundev
Telerik team
 answered on 16 May 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)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
Form
View
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
TextBox
OrgChart
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
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
AICodingAssistant
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
DateTimePicker
RadialGauge
ArcGauge
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?