How To integration multiple control in asp.net mvc application

Hi,

I have try use webix in our asp.net mvc application. The webix provide only body section.

The page body not possible use multiple webix control in page. Can you guide me.

Regards

Sorry, but can you provide some more info, which kind of problem do you have.

Webix is not limited to a single control per page. You can init webix UI not on the document.body, but on some custom HTML container. ( so page for each control, can contain a related HTML tag and JS code to init the widget.

I have used filemanager UI in our software. I have success load list of our custom path document in filmanager UI.

I have try own custom filemanager custom asp.net mvc controller method try to call with filemanager handlers section for examples

“upload”: “/ControllerName/MethodName”

It’s was not post from filemanager handlers for our custom method access.

You will like guide me. we have already purchase file manager license.

Regards

Something like next, must work for file uploading with .Net Web API

public class UploadController : ApiController {

        private HttpResponseMessage CustomJson(object value)
        {
            var json = FilesSerializer.ToJson(value);
            var response = this.Request.CreateResponse(HttpStatusCode.OK);
            response.Content = new StringContent(json, Encoding.UTF8, "application/json");
            return response;
        }

        [HttpPost]
        public HttpResponseMessage PostFile()
        {
            var httpRequest = HttpContext.Current.Request;
            var folder = httpRequest.Form.Get("target");
            if (folder == "files")
                folder = "c:\\\\dev\\\
et";

            if (httpRequest.Files.Count > 0)
            {
                foreach (string file in httpRequest.Files)
                {
                    var postedFile = httpRequest.Files[file];
                    var filePath = folder + "\\\" + postedFile.FileName;
                    postedFile.SaveAs(filePath);
                }

                return CustomJson(new { status = "server" });
            }

            return CustomJson( new { status = "error" });
        }
    }

Thank you for help.

How we will integration in any asp.net mvc layout page with webix.css and filemanager.js?

How we will bundle support with virtual path specially filemanager.js and webix.css?

we will integration in any asp.net mvc layout page with webix.css and filemanager.js?

Including JS and CSS files of filemanager must not be a problem. Just include them as any other js and css files.

If you will change location of CSS files, you may need to fix relative paths to font files in webix.css and filemanager.css.

The functionality of filemanager itself, file path and data which is shown inside of component is not related to the location of filemanager.js, it is based on the data which server-side code returns.

here my examples

http://localhost:portno/ running filemanager.js, filemanager.css webix.css, webix.js working fine.

but my problem was following IIS virtual path

http://localhost/applicationname/ running filemanager.css icon and filemanager.js called method was not return.

asp.net mvc layout page with webix.css and filemanager.js means integration with master page.

It’s possible integration with any master page with any controls?

Can you share a bit more info about the “called method was not return” issue.
FileManager is a client side components and while all necessary files are included on the page, the actual address in the URL doesn’t matter.

<link rel="stylesheet" href="@Url.Content("../Content/bootstrap.css")" />
<link rel="stylesheet" href="@Url.Content("../css/jquery-ui.css")" />
<link rel="stylesheet" href="@Url.Content("../css/bootstrap-datetimepicker.min.css")" />
<link rel="stylesheet" href="@Url.Content("../Content/PagedList.css")" />

<link rel="stylesheet" href="@Url.Content("../css/Dextera.css")" />
<link rel="stylesheet" href="@Url.Content("../css/Calendar/fullcalendar.css")" />

<link rel="stylesheet" href="@Url.Content("../css/sidebar.css")" />

<link rel="stylesheet" type="text/css" href="@Url.Content("../codebase/webix.css")" />
<link rel="stylesheet" type="text/css" href="@Url.Content("../codebase/filemanager/filemanager.css")" />

<!-- Load JavaScript Libraries -->
<script src="@Url.Content("../Scripts/jquery-2.2.1.js")" type="text/javascript"></script>

<script src="@Url.Content("../Scripts/jquery.validate.js")" type="text/javascript"></script>
<script src="@Url.Content("../Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("../Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>
<script src="@Url.Content("../Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("../Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

<script src="@Url.Content("../Scripts/modernizr-2.6.2.js")" type="text/javascript"></script>
<script src="@Url.Content("../Scripts/modernizr-2.6.2.min.js")" type="text/javascript"></script>
<script src="@Url.Content("../Scripts/modernizr-2.8.3.js")" type="text/javascript"></script>

<!-- Load Own Development JavaScript Libraries -->
<script src="@Url.Content("../js/Dextera.js")" type="text/javascript"></script>
<script src="@Url.Content("../js/DexteraCalendar.js")" type="text/javascript"></script>
<script src="@Url.Content("../js/moment.min.js")" type="text/javascript"></script>
<script src="@Url.Content("../js/bootstrap-datetimepicker.min.js")" type="text/javascript"></script>

<!-- Load bootstrap JavaScript Libraries -->
<script src="@Url.Content("../Scripts/bootstrap.js")" type="text/javascript"></script>
<!-- Load DropDownBox AutoComplete -->

<!-- Load Calendar JavaScript Libraries -->
<script src="@Url.Content("../js/Calendar/fullcalendar.min.js")" type="text/javascript"></script>

<script src="@Url.Content("../codebase/webix.js")" type="text/javascript"></script>
<script src="@Url.Content("../codebase/filemanager/filemanager.js")" type="text/javascript"></script>

The above integration into master page in our application.

our file manager reference page use

    </div>
</div>

http://localhost:portno/ running work fine.

but my problem was following IIS virtual path

http://localhost/applicationname/ running called method was not work.

layout page is OK? you can try RAZOR

Yes, I have apply in Razor View Engine.

http://localhost:portno/ running work fine in my application.

After publish our application in IIS virtual directory. The virtual path like follow way.

http://localhost/applicationname/ running called method was not work.