jQWidgets Forums

Forum Replies Created

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts

September 5, 2013 at 11:45 am in reply to: Custom “margin-left” in cell and autoresizecolumns/autoresizecolumn Custom “margin-left” in cell and autoresizecolumns/autoresizecolumn #28394

Artsem

Member

Thanks for response!

But is there any way to set global margin for grid cell without loosing autoresizecolumns/autoresizecolumn functionality?

Thank you,
Artsem

September 4, 2013 at 9:23 am in reply to: selected/dragEnd event doesn’t fire selected/dragEnd event doesn’t fire #28292

Artsem

Member

The same issue can be reproduced on your demo page “jqxTabs” -> “Drag and Drop”.

Best Regards,
Artsem

September 4, 2013 at 9:11 am in reply to: selected/dragEnd event doesn’t fire selected/dragEnd event doesn’t fire #28287

Artsem

Member

Hello Dimitar,
Thank you for the quick response. I updated to the latest version, but still have the same problem. I have something like this:

<!DOCTYPE html>
<html lang="en">
    
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <title>@ViewBag.Title</title>
        
        <link href="@Url.Content("~/Scripts/jqwidgets/styles/jqx.base.css")" rel="stylesheet" type="text/css" />
        <script src="@Url.Content("~/Scripts/jquery-1.9.1.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/jqwidgets/jqxcore.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/jqwidgets/jqxtabs.js")" type="text/javascript"></script>
        
        <script type="text/javascript">
            $(document).ready(function () {
                $('#jqxTabs').jqxTabs({
                    width: 725,
                    height: 760,
                    reorder:true
                });
                
                $('#jqxTabs').on('selected', function (event) {
                    alert(event.type);
                });
                
                $('#jqxTabs').on('dragEnd', function (event) {
                    alert(event.type);
                });
            });
        </script>
    </head>
    <body>
        <div id="jqxTabs">
            <ul style="margin-left: 30px;">
                <li>Node.js</li>
                <li>JavaServer Pages</li>
                <li>Active Server Pages</li>
            </ul>
            <div>
                Node.js is an event-driven I/O server-side JavaScript environment based on V8. It
                is intended for writing scalable network programs such as web servers. It was created
                by Ryan Dahl in 2009, and its growth is sponsored by Joyent, which employs Dahl.
                Similar environments written in other programming languages include Twisted for
                Python, Perl Object Environment for Perl, libevent for C and EventMachine for Ruby.
                Unlike most JavaScript, it is not executed in a web browser, but is instead a form
                of server-side JavaScript. Node.js implements some CommonJS specifications. Node.js
                includes a REPL environment for interactive testing.
            </div>
            <div>
                JavaServer Pages (JSP) is a Java technology that helps software developers serve
                dynamically generated web pages based on HTML, XML, or other document types. Released
                in 1999 as Sun's answer to ASP and PHP,[citation needed] JSP was designed to address
                the perception that the Java programming environment didn't provide developers with
                enough support for the Web. To deploy and run, a compatible web server with servlet
                container is required. The Java Servlet and the JavaServer Pages (JSP) specifications
                from Sun Microsystems and the JCP (Java Community Process) must both be met by the
                container.
            </div>
            <div>
                ASP.NET is a web application framework developed and marketed by Microsoft to allow
                programmers to build dynamic web sites, web applications and web services. It was
                first released in January 2002 with version 1.0 of the .NET Framework, and is the
                successor to Microsoft's Active Server Pages (ASP) technology. ASP.NET is built
                on the Common Language Runtime (CLR), allowing programmers to write ASP.NET code
                using any supported .NET language. The ASP.NET SOAP extension framework allows ASP.NET
                components to process SOAP messages.
            </div>
        </div>
    </body>
</html>

In this case “Node.js” tab is selected by default, other two are not. Start drag not selected “Active Server Pages” (in our case it is the last) tab to the right. Release it -> the result: the order of tabs was not changed and it’s ok, but “Active Server Pages” tab became active, but content is shown from the last active tab (in our case it’s “Node.js”), also no events fired.

Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)