小编Rah*_*pta的帖子

我正在将一个小部件包装Javascript在一个Wicket组件中。我想让 JS 端与组件对话。到目前为止我所得到的：

有问题的组件就像

talker = new GridAjaxBehavior();
this.add(talker);    

在构造函数中

然后，稍后，放一些类似的东西

"var MyGridTalker = new talker(" + this.talker.getCallbackUrl() + ");";

进入JS。

GridAjaxBehavior延伸到哪里AbstractDefaultAjaxBehavior。我希望 GridAjaxBehavior 在 JS 调用它时返回一些 XML。

我这样做的方式正确吗？GridAjaxBehaviour 应该做什么来吐回 XML？

谢谢

你可能已经知道我是jQuery的新手,所以仍然非常允许不属于这个主题的代码改进.

这是我的HTML代码:

<div style="display: inline-block; width: 120px;">
    <div>
        Bananas:
        <br />
        <input id="bananas_amount" />
        <input id="bananas_amount_percent" />
    </div>
    <br />
    <div id="bananas" style="height:200px;"></div>
</div>

这是我可怕的js代码:

$( "#bananas" ).slider({
    orientation: "vertical",
    range: "min",
    min: 0,
    max: 100,
    value: 20,
    step: 5,
    slide: function( event, ui ) {
        $( "#bananas_amount_percent" ).val( ui.value + " %" );

            // the code displays a percentage by standart, but I need the real value, too:
            var bananas_amount_percent = $( "#bananas_amount_percent" ).val();
            var bananas_amount_percent = bananas_amount_percent.replace(" %", …

我遇到了 jquery ui 可排序问题，无法拖动某些项目（我猜是因为项目元素的高度）

<div class="container">\n<fieldset>\n    <legend>handle 1 THIS CAN\'T BE DRAGGED BELOW HANDLE 2</legend>\n    <div>blah<br /></div>\n</fieldset>\n<fieldset>\n    <legend>handle 2 BUT I CAN DRAG THIS ABOVE HANDLE 1</legend>\n    <div style="display: none">blah<br /></div>\n</fieldset>\n

\n\n

$(".container").sortable({\n   axis: \'y\',\n   handle: \'> legend\',\n   containment: \'parent\',\n   /*cursorAt: {top: 1},\n   start: function(event, ui) {\n      ui.placeholder.height(ui.item.height());\n      $(this).sortable(\'refreshPositions\');\n   },*/\n});\xe2\x80\x8b\n

请参阅http://jsfiddle.net/ADyhR/10/ \n编辑：它似乎适用于 jquery ui 1.8.9。这只是 1.8.18 中的一个错误吗？

注释掉的 javascript 行是我已经尝试过但还没有工作的东西，但我想我可能只是在使用它们的方式上略有偏差。

我Node用passport. 当我没有将令牌作为标头提供时，它返回Unauthorized. 我怎样才能将此消息更改为漂亮的Sorry invalid credentials

每次无法提供令牌时，我都会收到未授权的响应。我想把它改成漂亮的消息。

护照.js

const JwtStrategy = require('passport-jwt').Strategy;
const ExtractJwt = require('passport-jwt').ExtractJwt;
const mongoose = require('mongoose');

var User        = require('../models/user'); // get the mongoose model

const keys = require('../config/keys');

const opts = {};

opts.jwtFromRequest = ExtractJwt.fromAuthHeaderAsBearerToken();
opts.secretOrKey = keys.secretOrKey;

module.exports = passport => {
    passport.use(
        new JwtStrategy(opts, (jwt_payload, done) => {
            User.findById(jwt_payload.id)
                .then(user => {
                    if (user) {
                        return done(null, user);
                    }
                    return done(null, false);
                })
                .catch(err => console.log(err))
        }) …

使用jquery ui draggable插件，我以这种方式使html文本框可拖动：

<script type="text/javascript" language="javascript">
    $(document).ready(function() {
        $("#Text1").draggable({
            containment: "parent",
            cancel: null
        });
    });
</script>

<form id="form1" runat="server">
<div>

    <div id="dialog" title="Dialog Box" style="border: solid 1px black;">
        <input id="Text1" type="text" style="width: 200px; height: 20px;" value="Text1" />
    </div>

</div>
</form>

但是，如何使用jQuery使其可调整大小？

先感谢您。

戈兰

我们正在为具有各种表单的应用创建警告消息.在简单的页面中,它非常简单,我们只检测表单元素中的更改,如果用户想要卸载页面,我们会向他们显示警告消息.

但是......我们在Kendo Windows中也有一些表单,我们需要在用户想要关闭窗口时显示相同的确认消息.这是我们现在的脚本:

$('div:has(div[data-role="window"])').find('a:has(span.k-i-close)').live('click', function (e) {
    if (formHasChanged) {
        alert('pepe');
        return false;
    }
    return true;
});

该脚本的问题在于它不会阻止窗口关闭,关闭事件似乎发生在我们的警报之前.这个解决方案可能会工作http://www.kendoui.c​​om/forums/ui/window/new-event-onclosing.aspx,但我们的窗口是动态创建的.

有没有人知道如何解决这个问题？

提前致谢!

代码是我们想要插入这个kendo thingy解决方法:

var formHasChanged = false;
$('form.withWarningMessage').find('input,select,textarea').live('change', function () {
    formHasChanged = true;
    window.onbeforeunload = function () {
        if (formHasChanged) {
            return confirmWarningMessage;
        }
    };
    $('input:submit').live('click', function () {
        formHasChanged = false;
    });
});

将鼠标悬停在Highchart图表中的系列会显示一个带有系列名称和Y值的弹出窗口,例如:'Tokyo9.5ºC'.我想在悬停时显示我自己的自定义文本 - 我可以通过修改每个点的名称来实现.同时我想隐藏默认的系列名称和Y值.我搜索了文档,但没有发现任何合适的内容.任何想法如何处理这个？

我有一个选项卡列表,其中包含可以禁用的元素 - 即不可点击.当'禁用'作为类添加时,鼠标悬停在元素上表示该选项卡不可点击.不幸的是,该元素是可点击的.我试图datatoggle="tab"在元素被禁用时从元素中删除,但我的jQuery技能是不够的.

我有一个ul class="nav nav-tabs" with id="myTabs" 和我正在尝试使用此jQuery语句删除data-toggle属性:

$('#myTabs a').is('.disabled').removeAttr('data-toggle');

Bootply示例

我使用 Kendo 分层网格在我的父（主）网格和产品中显示类别作为子行（详细信息网格）。

这是我的演示。

我正在使用自定义模板添加/编辑我的产品。

在弹出的表单中，我想在产品表单字段上方的标签中显示父类别名称及其一些详细信息。

现在在每个产品添加或编辑中，我想在表单中显示父类别的详细信息，并且还想通过产品创建/更新请求动态提交父 CategoryId

在我下面的 JS 代码中，我可以使用下面的代码访问当前的细节网格包装器，但不知道如何访问parent row model细节

.....
.......

function detailInit(e) {
    $("<div/>").appendTo(e.detailCell).kendoGrid({

    ....
    ......
    //ON CLICK ADD/EDIT BUTTON FOR CHILD ROWS
    edit: function(e) {

        var detailGridWrapper = this.wrapper;

        //Want to get Parent Category model
        //Retrieve some attributes out of the Category model, so that I can display them in the popup Add / Edit Product form

........
.....

我正在使用jquery-ui sortable，我在另一个里面有一个可排序的！重点是当我尝试使用sortstop函数时，parent sortable也会运行（！请帮帮我！

<div class="sortable1">
<div class="s1">
    <div class="sortable2">
        <div class="s2"></div>
        <div class="s2"></div>
        <div class="s2"></div>
        <div class="s2"></div>
    </div>
</div>
<div class="s1"></div>
<div class="s1"></div>
<div class="s1"></div>
<div class="s1"></div>

JS：

//parents
    $( ".sortable1" ).sortable({
        items: ".s1"
    });
    $( ".sortable1" ).disableSelection();
    $( ".sortable1" ).on( "sortstop", function( event, ui ){
        //do sort of parents
    });


    //children
    $( ".sortable2" ).sortable({
        items: ".s2"
    });
    $( ".sortable2" ).disableSelection();
    $( ".sortable2" ).on( "sortstop", function( event, ui ){
        //do sort of childrens
    });