Telerik Forums
Kendo UI for jQuery Forum
3 answers
430 views

Hello,

My grid includes 3 columns and I use a popup editor with external kendo combo box to edit 2 columns and standard input box for 3rd column. Validation rules are simple:

1) selected values from drop down box cannot be blank/empty

2) 3rd column should not b empty. if 1dt or 2nd value are changed then reset the value of 3rd column in editor by concatenation of values from 1st and 2nd

columns.

 

Error message is not shown properly during validation values from combo boxes. My example can be loaded by this link: http://dojo.telerik.com/@iakhmedov1/UdOgOg

How it can be fixed?

Thanks,

Igor

 

 

 

 

Boyan Dimitrov
Telerik team
 answered on 15 Jun 2017
1 answer
7.5K+ views
I'm trying to change some data after grid is ready to use but "onDatabound", "change" or "requestEnd" events not working for me. Becouse they are working before html changes. How can I do?
Preslav
Telerik team
 answered on 15 Jun 2017
14 answers
1.8K+ views
Hello,

Our requirement is at first time set Scheduler data source to current user data for current view date range. Everytime user navigate Scheduler get the new start and end date from new view and requery database and refresh Scheduler datasource. I am facing 2 Problems here
1. If i query this.view().satrtDate() and enddate in Scheduler_navigate it gives me daterange from previous view and not to the one i just switched
2. If i use Scheduler_databinding the daterange is good and i invokke Read method with daterange and requery database and return JSonresult. But teh Scheduler is not getting refreshed with new data.
Attached my view file and here is Controller read method
public virtual JsonResult Read([DataSourceRequest] DataSourceRequest request, string data)
{
if (data != null)
{
var ret = Newtonsoft.Json.JsonConvert.DeserializeObject<dynamic>(data);
DateTime start = ret.Start;
DateTime end = ret.End;
return Json(taskService.GetAll(start, end, User.Identity.Name).ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}
else
{
DateTime start = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 1).Date;
DateTime end = new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.DaysInMonth(DateTime.Now.Year, DateTime.Now.Month)).Date;
return Json(taskService.GetAll(start, end, User.Identity.Name).ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}

}
-anamika
Nencho
Telerik team
 answered on 15 Jun 2017
3 answers
289 views

 

 

0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'syncReady'

ddiv data-role="dialog" id="dialog"></div><script>
kendo.syncReady(function(){jQuery("#dialog").kendoDialog({"actions":[{"text":"Cancel"},{"text":"Refresh now","action":onOkRefresh,"primary":true}],"modal":false,"title":"Refresh Data","visible":false,"width":400,"content":"\u003cp\u003eUpdate all data from IFS, Agile and Velocity?\u003cbr/\u003e\u003cbr/\u003e Refresh may take a few minutes...\u003cp\u003e"});});
</scr

 

My code: 

        <div class="form-group-sm" style="float: left; padding-right: 5px; width: 600px;">
            @(Html.Kendo().DropDownListFor(model => model.ConfigurationId)
                  .Events(ev =>
                  {
                      ev.Change("setConfigurationId");
                  })
                  .DataTextField("Text")
                  .DataValueField("Value")
                  .BindTo(Model.Configurations)
                  .OptionLabel("-IFS Project Demands-")
                  .HtmlAttributes(new { style = "width: 100%; font-size: 12px;" })
            )
        </div>

        <div class="form-group-sm" style="float: left; padding-right: 5px; width: 400px;">
            @(Html.Kendo().DropDownListFor(model => model.PartId)
                  .Events(ev =>
                  {
                      ev.Change("setConfigurationId");
                  })
                  .DataTextField("name")
                  .DataValueField("value")
                  .OptionLabel("-Kitted Assemblies-")
                  .DataSource(source => source.Read(read => read.Action("GetKittedAssemblies", "ExecutionReport").Data("filterKittedAssemblies")).ServerFiltering(true))
                  .Enable(false)
                  .AutoBind(false)
                  .HtmlAttributes(new { style = "width: 100%; font-size: 12px;" })
                  .CascadeFrom("ConfigurationId")
                  )
            <script>
                                 function filterKittedAssemblies() {
                                            return {
                                                configurationId: $("#ConfigurationId").val()
                                            };
                                        }
            </script>
        </div>

 

Dimitar
Telerik team
 answered on 15 Jun 2017
4 answers
668 views

I'm creating a custom visual for a bar chart series to have rounded bars and am having difficulty getting it to work. Does anyone have a custom visual for a bar chart series to make horizontal bars rounded on each end of the bar?

Stefan
Telerik team
 answered on 15 Jun 2017
1 answer
462 views

As upload widget does not support modifying files collection after widget's instantiation, I have to destroy and recreate upload widget when I need to modify files.

I noticed that after widget has been destroyed/recreted removing a file fires several HTTP requests to removeUrl, however remove event handler is fired just once. This doesn't happen to upload action. 

In my opinion it's a Kendo UI issue, do you agree?

The following is my code (simplified):

var uploaderOptions = {
    enabled: true,
    files: myCollection,
    async: {
        saveUrl: myUrl1,
        removeUrl: myUrl2,
        autoUpload: true
    },
    upload:  function (e) { /* code here */ },
    remove:  function (e) { /* code here */ },
    success:  function (e) { /* code here */ },
    complete: function (e) { /* code here */ }
};

// When we need to modify files collection:

// Hack that helps avoid multiple requests: uploadWidget._submitRemove = function () { };

uploadWidget.clearAllFiles();
uploadWidget.destroy();
uploaderOptions.files = updatedCollection;
uploadWidget = $("#" + attachmentWidgetId).kendoUpload(uploaderOptions).data("kendoUpload");
Veselin Tsvetanov
Telerik team
 answered on 15 Jun 2017
1 answer
236 views

The issue is reproducible on demo page: http://demos.telerik.com/kendo-ui/editor/inline-editing.

Open image browser, create a folder - loading animation is persisting.

To workaround the issue I added the code below to execute handler. But it would be nice to have the issue fixed in Kendo UI.

execute: function (e) {
    else if (e.name == "insertimage") {
        $timeout(function () {
            var imagebrowser = $("[data-role=imagebrowser]").data("kendoImageBrowser");
                imagebrowser.dataSource.bind("requestEnd", function() {
                    kendo.ui.progress($("body"), false);
                });
            });
        }
    }
Veselin Tsvetanov
Telerik team
 answered on 15 Jun 2017
5 answers
413 views

Hi,

I have managed to add a shape to my diagram doing the following:

<button onclick="addValueCheck()">Add Value Check</button>

function addValueCheck() {

        var shape = new kendo.dataviz.diagram.Shape({
            type: "rectangle",
            width: 240,
            height: 67,
            stroke: {
                width: 1,
                color: "#e8eff7"
            },
            fill: "#e8eff7",
            editable: true
        });
        var diagram = $("#diagram").getKendoDiagram();
        diagram.addShape(shape);
        diagram.bringIntoView(diagram.shapes);
    }

The shape is added to the diagram visually but when I try and click it I get a Javascript error. I have attached the page I am working on and the javascript error.

Boyan Dimitrov
Telerik team
 answered on 15 Jun 2017
1 answer
242 views

Inline editor's toolbar is not resized or moved with the editor when browser window is resized.
The issue is reproducible on demo page: http://demos.telerik.com/kendo-ui/editor/inline-editing. To reproduce just make toolbar appear and then resize browser window.

Can it be fixed / worked around?

Veselin Tsvetanov
Telerik team
 answered on 15 Jun 2017
1 answer
158 views

Hello, I've faced with issue when mousewheel  scrolling doesn't work for categorized bar chart/column chart. I believe that can be related to some options combination. Could you please take a look?

Please see example http://dojo.telerik.com/ataZe/2

Daniel
Telerik team
 answered on 15 Jun 2017
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
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
ScrollView
Switch
TextArea
BulletChart
Licensing
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
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
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
AICodingAssistant
SegmentedControl
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
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?