小编jon*_*bbs的帖子

如何在jquery UI中构建具有可保存状态的门户页面?

我知道我应该花更多时间研究这个问题,然后再问一下这个问题,但我只用了2个星期就建立了一个门户网站风格的网站(很像http://www.bbc.co.uk).

我对jQuery相当不错并且过去使用过jQuery UI draggables,但我想知道是否有任何教程或最佳实践示例,说明如何构建具有多个放置区的门户以及能够记住哪些"portlet"具有被拖入某种状态对象中的dropzones.

我需要能够使用$ ajax()调用将状态对象保存到后端,并在用户重新登录到站点时以某种方式重新组织portlet,可能是通过从后端发送JSON状态对象.

只是一些从哪里开始的想法将是有用的.谢谢

javascript jquery drag-and-drop jquery-ui

3
推荐指数
1
解决办法
8267
查看次数

使用jQuery编程挑战

这是对前一个问题的跟进,似乎让人感到困惑,所以我会稍微净化一下.这是一些标记.

<div class="button width120 height30 iconLeft colorRed"></div>
<div class="button width180 height20 iconPlus colorBlue"></div>
<div class="button width200 height10 iconStar colorGreen"></div>
<div class="button width110 height60 iconBack colorOrange"></div>
Run Code Online (Sandbox Code Playgroud)

挑战是填写以下代码.

$(".button").each(function(){

    // Get the width from the class

    // Get the height from the class

    // Get the icon from the class

    // Get the color from the class

});
Run Code Online (Sandbox Code Playgroud)

现在,我知道你不应该以这种方式使用类,所以我不是在寻找替代方法,这是一个实验,我很想知道是否可以这样做.

javascript jquery

3
推荐指数
1
解决办法
1232
查看次数

按整数排序,底部有空白字段

我们目前正在重写我们的CMS,我们希望我们的客户能够使用"位置"字段重新订购表格中的项目.因此,如果他们将项目标记为位置1,则将其标记为顶部,然后将位于其下方的位置2等.

问题是我们不希望他们每次都要填写一个位置,只要他们想重新订购某些东西,所以位置字段通常是空白的.所以你可能有以下......

车 - 1

自行车 - 2

电脑

这会导致问题,因为如果您使用以下SQL ...

SELECT ProductName FROM Products ORDER BY Position DESC;
Run Code Online (Sandbox Code Playgroud)

所有空白的都是顶部,而不是底部.

可以使用SQL语句将它们放入正确的顺序吗?

sql sql-server sql-server-2008

3
推荐指数
1
解决办法
6853
查看次数

SQL顺序结果按匹配的字段数

这里有一个复杂的SQL问题.

我目前有一个SELECT语句,它匹配几个字段,像这样.

SELECT field1, field2, field3, field4, field5
FROM table
WHERE field1 = 'variable 1'  
AND field2 = 'variable 2' 
AND field3 = 'variable 3' 
AND field4 = 'variable 4' 
AND field5 = 'variable 5' 
Run Code Online (Sandbox Code Playgroud)

我想修改语句,以便它使用OR而不是AND,以便它选择所有匹配任何字段的记录.

下一步是使用评分系统对结果进行排名.

If field 1 was matched then 1000 is added to the score
If field 2 was matched then 800 is added to the score
If field 3 was matched then 600 is added to the score
If field 4 was matched then 10 …
Run Code Online (Sandbox Code Playgroud)

sql t-sql sql-server asp.net sql-server-2005

3
推荐指数
1
解决办法
414
查看次数

当React Native中的道具发生更改(通过redux)时,如何启动动画?

我的React Native应用程序中有一个叠加视图,当用户按下按钮时,需要在屏幕上和屏幕外制作动画。我知道如何放置视图并为其设置动画,但是我不知道如何触发动画。

我的redux存储具有一个非常简单的状态,带有一个isOpen标志,用于指示面板是打开还是关闭。我将状态映射到面板组件的道具,当isOpen道具更改时,我想触发打开或关闭动画。显然,如果用户在动画中间按下切换按钮,则需要取消当前运行的动画。

这应该很简单,但我找不到任何示例。任何帮助将非常感激。

reactjs react-native redux react-redux react-animated

3
推荐指数
1
解决办法
2375
查看次数

如何使用打字稿在功能组件中使用渲染道具

我正在尝试将我的 React 应用程序 (create-react-app) 转换为使用 Typescript,但我遇到了一个使用渲染道具的组件的障碍。

这是一个仍然有错误的简化版本......

import React from 'react'

type Props = {
    fullWidth?: boolean,
    renderRightSection?: React.ReactNode
}

const Component = React.forwardRef<HTMLInputElement, Props>((props, ref) => {

    let {fullWidth, renderRightSection, ...inputProps} = props

    return (

        <InputWrapper fullWidth={props.fullWidth}>

            <input {...inputProps} ref={ref} />

            {renderRightSection && renderRightSection()}

        </InputWrapper>

    )

})
Run Code Online (Sandbox Code Playgroud)

错误与renderRightSection()位有关,如下所示:

let renderRightSection: string | number | true | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | ... | (new (props: any) => React.Component<any, any, any>)> | …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs

3
推荐指数
1
解决办法
2735
查看次数

没有 PWA 的 iOS Safari 状态栏主题颜色

我一直在尝试设置网站中状态栏的背景颜色。通过这样做,在 Android 上可以正常工作:

<meta name="theme-color" content="#00623A" />
Run Code Online (Sandbox Code Playgroud)

我认为以下内容适用于 iPhone,因为页面的背景颜色是相同的:

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
Run Code Online (Sandbox Code Playgroud)

不幸的是,它仍然显示带有黑色图标的浅色版本的背景颜色。

对此,我只能看到当 PWA 实际上添加到主屏幕并以全屏模式运行时,才会提到此功能。这是正确的吗?如果是这样,有没有办法在正常网站运行时更改状态栏背景颜色?

html safari ios progressive-web-apps

3
推荐指数
1
解决办法
3288
查看次数

javascript中functionName()和functionName.call()之间的区别

希望标题是自我解释的,与仅编写functionName()相比,在Javascript中使用.call()方法的优点是什么??

javascript

2
推荐指数
2
解决办法
498
查看次数

具有多个重复背景的Android活动

我仍然是Android的新手,我在创建一个有两个背景的布局时遇到了麻烦,这个布局在x方向但不是y.

我嘲笑了我在这里要创造的东西......

http://img153.imageshack.us/img153/6008/cnbackground.png

所以顶部重复水平,然后在中间有一个平坦的屏幕部分,我将在其中心,然后在底部有一些水平重复的草.

以前有人试过这样的事吗?

乔恩

android

2
推荐指数
1
解决办法
6219
查看次数

来自模板的Angular JS调用函数,不属于范围

这可能听起来很奇怪,但我有一个看起来像这样的转发器.

<tr ng-repeat="task in tasks">
    <td>{{getFriendlyDate(date)}}</td>
</tr>
Run Code Online (Sandbox Code Playgroud)

我可以把这个函数放在这样的范围内.

$scope.getFriendlyDate = function(date){

    /* Code to convert ISO date to readable date */
    return date;

};
Run Code Online (Sandbox Code Playgroud)

这工作正常,但我需要在许多模板中使用此功能,所以我不想将其复制并粘贴到许多控制器中.

一种选择是创建一个服务来执行此操作并在每个控制器的范围上放置一个简单的包装器,但这不会节省我很多时间.

另一种选择是将函数放在根作用域上并直接在我的模板中访问它,但我更喜欢它存在于我的实用程序库中(我有一个使用工厂创建的$ utils库).

我想知道是否可以直接从模板调用服务来进行日期转换?

javascript angularjs

1
推荐指数
1
解决办法
74
查看次数